想在部落格放音樂又不想麻煩

 嗎?這個網站絕對適合你,它

  不用下載任何東西

  不用音樂網址(youtube就ok)

  不用註冊

  完全免費

 

 

這是透過網站製作一串語法套用於blog的播放器,換言之,

網頁製作出問題也可以直接從語法入手,最下面的方法可能更方便快捷~

最近發現一些朋友在製作上遇上種種問題,也可以參考看看噢 :D

 

 

 

 

 

先進入網站http://playlist.me/w/i.php

playlist.me

 

 

 

 

 

進入網站後便會看到不同款的播放器,選出你喜歡的播放器

 

  

 

 

 

 

 

選了之後可以馬上在網頁上方即時預覽

 

 

 

 

 

按右下方的Next按鈕進行下一步

 

 

 

 

填好你選擇的歌的資料,Song title填歌名,Song URL填youtube的網址

 

 

 

 

可以即時試聽

 

 

 

網頁上方的播放器也會跟著你的設定而即時改變

 

 

 

 

 

 

按右下方的Next按鈕進行下一步

 

 

 

 

 

完成最後的設定

 

Auto Play 自動播放

Shuffle Playback 隨機播放

Default Volume 聲量

Repeat Mode 重覆

Placement of Player Bar 播放器放在網頁的位置

Show Playlist by Default 顯示關於播放器的詳細資料

 

 

 

 

 

 

 

按右下方的Done按鈕進行下一步

 

 

 

 

 

複製語法

 

 

 

 

 

 

到Pixnet 管理後台>側邊欄位設定>新增版位,把語法貼上

 

 

 

按送出,把版位移到 側欄 1  / 內容欄 / 側欄 2 ,最後記得儲存版面哦~

 

 

 

 

 

 

qw4  qw4

 

Q: 我不太喜歡這個播放器的樣子,可以選擇其他嗎?

 

可以唷,而且非常簡單!按網頁上方的Skins

 

 

 

 

選擇好想要的skins之後,再按網頁上方的 Player>Final Setting>Done>再次複製語法就可

以囉!

 

 

 

 

選歌沒有頭緒可以按網頁上方的People、Songs,二十多萬首歌任你挑!

 

 

 

 

 

Q: 阿茵怎麼我網頁NEXT鍵不見了?

怎麼弄好之後音樂播不出來?

 

可能是跑不出來、語法與BLOG內其他小插件的語法有衝突等等問題,

但是沒關係,我們可以透過語法直接修改設定,從語法本身直接入手~

甚至可以直接用語法人手製作一個播放器~

 

阿茵目前的音樂插件語法:

<!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/sbxkdxg/TYFmpquya/florporbau-de-incertezas.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'%u51FA%u767C','url':'http://www.youtube.com/watch?v=PZuYiBx6sJo'},{'title':'%u98A8%u306E%u3068%u304A%u308A%u9053','url':'http://www.youtube.com/watch?v=1CUDx3jiXLQ'},{'title':'%u3044%u3064%u3082%u4F55%u5EA6%u3067%u3082%u7D14%u97F3%u6A02','url':'http://www.youtube.com/watch?v=2zda1Tr4big'}]}" ></script><noscript><a href="http://playlist.me/w/i.php">SCM music player</a></noscript><!-- playlist.me script end -->

 

以下分析一下語法方便理解

<!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/sbxkdxg/TYFmpquya/florporbau-de-incertezas.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':

[{'title':'%u51FA%u767C','url':'http://www.youtube.com/watch?v=PZuYiBx6sJo'},{'title':'%u98A8%u306E%u3068%u304A%u308A%u9053','url':'http://www.youtube.com/watch?v=1CUDx3jiXLQ'},{'title':'%u3044%u3064%u3082%u4F55%u5EA6%u3067%u3082%u7D14%u97F3%u6A02','url':'http://www.youtube.com/watch?v=2zda1Tr4big'}]}" ></script><noscript><a href="http://playlist.me/w/i.php">SCM music player</a></noscript><!-- playlist.me script end -->

 

綠色部份 是阿茵目前使用的播放器的SKIN,可以在這裡慢慢挑選(也是超級多XD)~ 

 

藍色部份 是播放器的設定,其實也是簡單的英語

volume: 音量      1~100 

autoplay: 自動播放    true/ false

shuffle: 隨機播放     true/ false

repeat: 重覆      0/1,0就是不重覆,1就是重覆

placement: 放置位置  top/ bottom

 

紫色部分 是你的playlist曲目,螢光的部份是一首歌的語法,

 {'title':'首名(可以隨便填)','url':'歌曲的youtube的網址'},

謹記在每首歌之間用, 分隔哦!

 

橘色部份 是超連結,可以隨你的喜好拿掉換掉也ok

創作者介紹
創作者 茵茵 的頭像
茵茵

White*Wing

茵茵 發表在 痞客邦 留言(73) 人氣()