爱的画卷

廖若晨星

欣赏静悟老师音画歌曲: 爱的画卷.  下午好

北方雁

老师的精美音画，画美歌甜。点赞。

夕阳黄昏

包括几个部分：
1.歌词显示的默认样式

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/lrcPlayer2.css">

复制代码

2.同步歌词显示的代码块

1. <div id="rdisk" ></div>
   
2.     <div id="LRCShow">
   
3.          <span id="musickrc01"></span>
   
4.          <br style="clear:both;">
   
5.          <span id="musickrc02"></span>
   
6.     </div>
   

复制代码

这里rdisk是控制歌曲启停的小图片；
LRCShow是显示歌词的框
musickrc01、musickrc02分别是显示当前歌词和下一行歌词的标签
这几个标签都可以按照自己的需求设置它们的样式，如宽度、位置、颜色及字体大小等参数
3.存放LRC的标签

1. <textarea id="lrc_content" style="visibility:hidden;">
   
2. ……………………
   
3. 
   
4. </textarea>

复制代码

id 可以是任意名称，如 "LRC歌词"也行只要和调用时对应起来 就行
4.写明在哪可以找到js库代码

1. <script type="text/javascript">
   
2. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayer2.min.js" type="text/javascript" charset="utf-8"><\/script>');
   
3. </script>

复制代码

5.调用

1. var opts = {
   
2.         //    下面4个参数是必须的！
   
3.         lrcTxtID:'lrc_content',            // 指明放LRC歌词的地方
   
4.         lrcShowID:"LRCShow",          // 指明显示LRC歌词的地方
   
5.         audioURL:"http://link.hhtjim.com/kw/19806414.mp3",    //  歌曲MP3链接地址
   
6.         audioCtrl:'rdisk'                    //  控制图片的ID
   
7. };
   
8. new lrcPlayer2(opts);                   //  生成LRC播放对象

复制代码

真真

温馨，雅致，喜欢。

一师

画面音乐皆完美，静版的歌都好听。

潇湘翁

欣赏静版音画佳作：爱的画卷！

沉醉醉

欣赏静悟老师精彩制作，歌美图美，点赞。

瑢芳田智

欣赏静悟老师精彩制作，画面漂亮，歌声优美！

巫荣云师

欣赏老师佳作。点赞！

阿强

                欣赏静悟版主的音画制作——爱的画卷