学习夕阳老师《万疆》播放器

一师

[i=s] 本帖最后由 一师 于 2022-7-26 20:35 编辑 [/i]

一师

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/lrcPlayerX.min.css">
   
2. 
   
3. <div style="position:relative; width: 800px; height:533px; margin:10px 0 16px -24px; overflow:hidden;background-size: 100% 100%; border-radius:24px; background-image:url(http://5b0988e595225.cdn.sohucs.com/images/20190406/1d9fe89e64094e4b9b9b83dd8cef6512.jpg); ">
   
4.         <div  class="lrcShow" id='sLRC' ></div>
   
5.         <img src="http://image.hnol.net/c/2022-01/08/22/202201082235389221-5769293.png" id="mDisk" class='mCtrl'/>
   
6. </div>
   
7. <script type="text/javascript">
   
8. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayerX.min.js" type="text/javascript"><\/script>');
   
9. </script>
   
10. 
    
11. <script type="text/javascript">
    
12. var lrc = `
    
13. [00:00.00]万疆 - 李玉刚
    
14. [00:00.10]词：李姝
    
15. [00:00.15]曲：刘颜嘉
    
16. [00:00.37]制作人：任寒冰
    
17. [00:00.91]弦乐团：国际首席爱乐乐团
    
18. [00:01.39]童声合唱团：深空少年合唱团
    
19. [00:01.59]童声独唱：谭尚儿
    
20. [00:01.71]音频编辑：王浩安
    
21. [00:03.04]发行人：周文惠
    
22. [00:03.57]美工：李垌
    
23. [00:04.17][01:44.54][02:50.88][03:23.03]红日升在东方 其大道满霞光
    
24. [00:11.19][01:51.83][02:58.25]我何其幸 生于你怀
    
25. [00:14.95][01:55.30][03:01.65]承一脉血流淌
    
26. [00:18.47][01:58.81][03:05.33]难同当 福共享 挺立起了脊梁
    
27. [00:25.58][02:05.90][03:12.42]吾国万疆 以仁爱
    
28. [00:29.28][02:09.46][03:15.89]千年不灭的信仰
    
29. [00:43.64]写苍天只写一角日与月悠长
    
30. [00:50.84]画大地只画一隅山与河无恙
    
31. [00:57.99]观万古上下五千年天地共仰
    
32. [01:05.04]唯炎黄 心坦荡 一身到四方
    
33. [01:14.11][02:20.30]抚流光一砖一瓦岁月浸红墙
    
34. [01:21.15][02:27.60]叹枯荣一花一木悲喜经沧桑
    
35. [01:28.24][02:34.64]横八荒九州一色心中的故乡
    
36. [01:35.49][02:41.78]唯华夏 崭锋芒 道路在盛放
    
37. [03:53.03]
    
38. `;
    
39. var opts = {
    
40.         lrcTxt:lrc,
    
41.         lrcShowID:'sLRC',
    
42.         audioCtrl:'mDisk',
    
43.         audioURL:'http://link.hhtjim.com/kw/175381933.mp3'
    
44. };
    
45. 
    
46. new lrcPlayerX(opts);
    
47. 
    
48. </script>

复制代码

山水人家

欣赏老师精美播放器。

夕阳黄昏

夕阳黄昏

一师 发表于 2022-4-3 16:31
本帖最后由 夕阳黄昏 于 2022-4-2 21:13 编辑

代码前面的

1. <div class="t_fsz">
   
2. <table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_10249224">
   
3. <i class="pstatus"> 本帖最后由 夕阳黄昏 于 2022-4-2 21:13 编辑 </i><br /><br />

复制代码

和后面的

1. </td></tr></table>

复制代码

是多余的。

静悟

一师真棒！为你点赞！

林林五

欣赏老师精美播放器。

廖若晨星

欣赏一师老师 学习夕阳老师《万疆》播放器   晚上好

松柏一

一师 发表于 2022-4-3 16:31
本帖最后由 夕阳黄昏 于 2022-4-2 21:13 编辑

您是一位优秀的学生，聪明，勤快，学的真快