代碼 一

20210930更新：如何製作歌曲合集。謝謝熱力分享！

播放列表代碼示範

 

【今晚聊電腦】如何製作網頁音樂播放列表

 

 

================================================

 

BGM: 《橄欖樹》by  香片 

 

[鼓掌] 鳴謝代碼提供者：東海神話、疏桐兒、無問東西、移花接木、夢裏的和尚、hot_powerz

 

前提1 如何將其他音頻轉成mp3——

如果後綴是m4a，直接改成mp3保存即可。

或者用網上格式轉換器 https://online-audio-converter.com/  

 

前提2 如何得到你自己的mp3源代碼 ——

點擊“發表新帖”，上傳mp3，轉到“HTML源代碼"模式下取得源代碼，看著像這個樣子

"

http://cdn.wenxuecity.com/upload/media/9f/7f/f8/9712ef815378dOu3NZfN.mp3

"

然後就可以替換到以下音頻製貼代碼裏了。

 

====================代碼分割線======================

1 自動播放+循環 音頻代碼（東海神話 提供）

實例：《色誡》by 唐歌 （原唱：王菲）（loop）

代碼：（去掉最前麵的11）

 

  <11audio autoplay="true" controls="1" loop="true" src="http://cdn.wenxuecity.com/upload/media/9f/7f/f8/9712ef815378dOu3NZfN.mp3" type="audio/mpeg"> 

 

====================代碼分割線======================

2 直接嵌入全民K歌 （熱力提供）

實例： https://bbs.wenxuecity.com/ktv/1712798.html

方法：先在手機全民K歌用分享功能取得歌曲鏈接，然後使用下麵代碼嵌入到頁麵。（去掉最前麵的11）

 

<11iframe height="400" scrolling="no" src="https://node.kg.qq.com/play?s=YaWMYKYf6aaYWYWA&shareuid=609b94842d28378c31&topsource=a0_pn201001006_z1_u269185075_l1_t1565322031__" style="border:none">

 

====================代碼分割線======================

3 Vimeo視頻自動播放代碼（疏桐兒 提供）

實例：一朵獨立倔強的“野花” 送給蠍子們 by 桐兒 cover 夢然 - -疏桐兒-

代碼：（去掉最前麵的11）

<11iframe allow="autoplay; fullscreen" allowfullscreen="" frameborder="0" height="506" src="https://player.vimeo.com/video/471118795?autoplay=1&loop=1&autopause=0&byline=0" width="900">

====================代碼分割線======================

4  Vimeo 視頻自動播放+循環代碼 （視頻上傳Vimeo後點擊“share”生成）

實例：【南腔北調歌會】《似水流年》by 無問東西

代碼：（去掉最前麵的11）

<11iframe allow="autoplay; fullscreen" allowfullscreen="" frameborder="0" height="360" src="https://player.vimeo.com/video/469553784?autoplay=1&loop=1" width="640">

 

====================代碼分割線======================

5 直接上傳視頻代碼（夢裏的和尚 提供）

效果：直接上傳隻能隻能犧牲視頻清晰度，也是沒有辦法的辦法。但20M以下也還能湊合看。上傳視頻效果見內 [想唱就唱] - 夢裏的和尚

代碼：（去掉前麵的11）

<11video autoplay="1" controls="1" src="http://cdn.wenxuecity.com/upload/media/59/63/38/zIDW6MFB1909.avi" style="width: 640px; height: 360px;" type="video/mp4"> 

 

====================代碼分割線======================

6 音頻歌詞一體嵌入式自動播放代碼 （夢裏的和尚 提供）

效果：【南腔北調歌會】　SUKIYAKI  by 夢裏的和尚 

代碼：歌詞嵌入式自動播放音頻代碼…… -夢裏的和尚

 

====================代碼分割線======================

7 配音秀視頻直接嵌入源代碼（移花接木 提供）

效果：【2020假麵晚會】暖場 海選現場：我給大家唱一首《快樂老家》by 我是大明星 - aka moiausis

代碼：（去掉最前麵的11）

  <11video controls="" id="showplayer_a1" playsinline="" poster="http://img7.peiyinxiu.com/2018122416395ae4aa4a8dbdc4c0.jpg" webkit-playsinline="">

 

====================音波煙花播放器分割線======================

8 音波煙花播放器 （熱力 分享）（免費、帶廣告）

效果：【2020雲旅遊演唱會】【三套車】伏爾加河 由 hot_powerz

網站： https://www.microsoft.com/en-ca/p/acg-player/9nblggh698c7?activetab=pivot:overviewtab

====================注解分割線======================

[什麽] 注：1某些瀏覽器（比如火狐）可能無法正常自動播放，google chrome可以正常播放。

 

[加油] 注：2 youtube視頻可直接上傳。

 

 

 

          注：3 其他網站視頻（比如 vimeo）隻要有embed代碼就可以嵌入。