学习夕阳黄昏老师播放器代码

松柏一

松柏一

我想请问一下夕阳老师，我要是想换一个音乐播放器：
<embed src="http://music.163.com/song/media/outer/url?id=501220512.mp3" width="0" height="0" type="audio/mpeg" panel="0" autostart="true" loop="false"> </div> 再加上lrc歌词，可以吗?代码应该是怎样的？谢谢

夕阳黄昏

夕阳黄昏

松柏一 发表于 2022-4-4 20:21
我想请问一下夕阳老师，我要是想换一个音乐播放器：
  再加上lrc歌词，可以吗?代码应该是怎样的？谢谢

改肯定是可以改的，只是需要歌曲和歌词配套一并改。

夕阳黄昏

松柏一 发表于 2022-4-4 20:21
我想请问一下夕阳老师，我要是想换一个音乐播放器：
  再加上lrc歌词，可以吗?代码应该是怎样的？谢谢

因为您选的这歌曲是纯音乐没有歌词，胡乱拼凑一下您看能不能行。

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/lrcPlayerX.min.css">
   
2. <div style="position:relative; width: 1000px; height:475px; overflow:hidden; border-radius:24px;
   
3. border:thick brown groove;margin: 100px 0 32px 0px;
   
4. background:url(https://img.zcool.cn/community/012ce35dcce096a8012053c00092df.jpg) 0 0 /cover;">
   
5.         <div  class="lrcShow" id='sLRC' style="bottom:-20px;"></div>
   
6.         <img src="https://bkimg.cdn.bcebos.com/pic/902397dda144ad3446d9f656daa20cf430ad85f8?x-bce-process=image/watermark,image_d2F0ZXIvYmFpa2U5Mg==,g_7,xp_5,yp_5/format,f_auto" id="mDisk" class='mCtrl'/>
   
7. </div>
   
8. <script type="text/javascript">
   
9. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayerX.min.js" type="text/javascript"><\/script>');
   
10. </script>
    
11. 
    
12. <script type="text/javascript">
    
13. var lrc = `
    
14. [00:00.00]歌手：杜聪 陈崴 严洁敏 刘瑛 王巍 匡纪常
    
15. [00:01.45]花儿与少年
    
16. [04:08.00]
    
17. `;
    
18. var opts = {
    
19.         lrcTxt:lrc,
    
20.         lrcShowID:'sLRC',
    
21.         audioCtrl:'mDisk',
    
22.         audioURL:'http://music.163.com/song/media/outer/url?id=501220512.mp3'
    
23. };
    
24. 
    
25. new lrcPlayerX(opts);
    
26. 
    
27. </script>
    

复制代码

松柏一

夕阳黄昏 发表于 2022-4-4 20:32
改肯定是可以改的，只是需要歌曲和歌词配套一并改。

谢谢老师，因我只能找到网易的mp3的外链地址，所以只能改音乐播放器，等我学做一个配套的歌词与歌曲（lrc歌词），请老师帮我改一下 代码，谢谢

松柏一

夕阳黄昏 发表于 2022-4-4 20:49
因为您选的这歌曲是纯音乐没有歌词，胡乱拼凑一下您看能不能行。

谢谢老师，谢谢您的指导。

夕阳黄昏

松柏一 发表于 2022-4-4 20:51
谢谢老师，因我只能找到网易的mp3的外链地址，所以只能改音乐播放器，等我学做一个配套的歌词与歌曲（lrc ...

这涉及几个内容，歌曲链接和相应的歌词LRC以及一张底图的链接（歌曲内容相匹配），搞定这些就只是简单套用了。

松柏一

夕阳黄昏 发表于 2022-4-4 20:59
这涉及几个内容，歌曲链接和相应的歌词LRC以及一张底图的链接（歌曲内容相匹配），搞定这些就只是简单套 ...

谢谢老师，我试试学习一下

一师

好像网页变形了