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

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

  不用下載任何東西

  不用音樂網址(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

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


留言列表 (67)

發表留言
  • 夢咩
  • 很實用卸卸分享!!
  • 孟親
  • 你好唷:)
    孟親正在找這個教學呢ˊˇˋ
    引用瞜:)
  • 悄悄話
  • 允娜
  • 謝謝!
  • 悠雨
  • 謝謝你喔很實用>333< (滾#
  • shpig77
  • 超好用!!感謝^^
  • kiki
  • 3Q感謝^^
  • 悄悄話
  • 123123
  • 很好用,超满意的,谢谢 ^^
  • 日森星璃
  • 星璃一直在找這個的教學呢ˊˇˋ
    超實用!!>U<
    推推+1
  • 琦安
  • 那个......不好意思.我點了設定音樂的網址.但是網址有點怪
  • 抱歉不太懂>_<" 妳是用youtube網址嗎?

    茵茵 於 2015/06/27 17:17 回覆

  • 阿貘
  • 請問~我點進去之後一開始就連更種樣式都沒有顯示出來,按到playlist後想加歌也沒反應,進入finalsetting後更是什麼都沒有,為什麼呢?
  • 你好~ 想要加歌可以在語法直接加哦,每一首歌的語法都是
    {'title':'歌名(可隨意打)','url':'youtube的網址'},
    可以複製後更改youtube網址就ok了哦 ^^
    另外的問題,抱歉阿茵暫時沒有遇過呢>"< 會不會是還沒有跑出來的關係?

    茵茵 於 2015/06/27 17:26 回覆

  • 雨涵
  • 請問要怎麼新增音樂??
  • 你好~ 想要加歌可以在語法直接加哦,每一首歌的語法都是
    {'title':'歌名(可隨意打)','url':'youtube的網址'},
    可以複製語法後更改另一首歌的youtube網址就ok了哦 ^^
    記得用,分隔每一首歌

    茵茵 於 2015/06/27 17:26 回覆

  • 悄悄話
  • 村傻_咩兒♥
  • 不好意思 請問一下噢 那個.. 我用好之後,卻無法聽耶 怎麼會這樣呢
    然後自從放上撥放器之後要去管理後台 頁面都會出問題 這要怎麼解決
  • 阿茵猜可能是語法衝突的問題噢 請問妳有沒有用其他網址的小插件>"<?

    茵茵 於 2015/06/27 17:35 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 七瀨吳
  • 版歌好聽,介紹很詳細,謝謝~
  • 嚕比
  • 我的部落格不行OAO
  • 嚕比
  • 可以了OUO
  • 嘿嘿 那就太好啦~ XD

    茵茵 於 2015/06/27 17:43 回覆

  • 悄悄話
  • mia3251
  • 沒有next鍵怎麼辦?
  • 這麼奇怪 是還沒跑出來嗎>"<?
    上面新增了阿茵Blog音樂的語法,參考看看再改歌曲看看吧~ :P

    茵茵 於 2015/06/27 17:45 回覆

  • 悄悄話
  • 悄悄話
  • 暖心概念館
  • 感謝您的分 想 想把您的網頁 推薦在我的部落格中 不知道可以嗎?
  • 暖心概念館
  • 我先貼您的 網址 詳細資料 等您同意後我在貼 若不方便轉貼 會立刻刪除
  • 可以噢 歡迎~ 謝謝你的支持^^

    茵茵 於 2015/06/27 17:46 回覆

  • 悄悄話
  • exo921017
  • 很實用~謝謝分享~~
  • 初衷
  • 很方便,謝謝你^__^
  • 韋蚊子
  • 原本已經設定好了~如何更換歌單呢
  • 悄悄話
  • 小天马
  • 为什么我在blogger弄不到呢?
  • 123
  • 超讚
  • 悄悄話
  • 悄悄話
  • 無名氏
  • 請問這有限制歌曲數量嗎?
    我用手寫語法加了近40首歌
    然後部落格完全沒有撥放器QAQ
  • Lena
  • 謝謝你:)
  • 悄悄話
  • parkpocket_
  • 很用力的up了這個文!!!!
    非常好理解 非常的實用!!!
    謝謝po主的教學~~
  • 茗兒
  • 謝謝^^ 引用了~
  • Neil
  • 謝謝你:)
    借引用><
  • San橙
  • 謝謝喔~有在用了~ :)
  • hugocheng365
  • 謝謝 white wing的分享,敘述非常簡明,已經設置完成。。
  • olivia0906
  • 謝謝White*Wing的分享哦~對新手而言真的超好用的啦><
  • 悄悄話
  • 空
  • 真的很感謝版大的教學!
    對一個新手來說真的太有用了!
  • 悄悄話
  • colorfulduck
  • 感謝你的介紹跟示範說明
    已設定完畢 謝謝你
  • eayy
  • 雖然很不好意思,但是這個系統會控制你的一些東西

    如果對網站安全需求很高的建議不要用。

    他有 X-Frame-Options dany的問題...
  • 寧
  • 謝謝~
  • 筱朋
  • 你好。。。为什么我的blogger 加添了之后主页没有的??
  • 灸琉ღ
  • 謝謝分享引用囉(*´з`*)
  • 娜戈
  • 請問樓主,放置了後音樂播放不出來也沒有顯示什麼的,該怎樣處理還是修改?弄了很久還是失敗TT請救救我
  • 安安
  • 謝謝很實用
  • 蔡可比
  • 我嘗試了你的教學,嵌入blogger但無法顯示,是衝突的關係嗎?
    謝謝你!
  • 蕭瑞文
  • 清晰明瞭,推推!!
  • poop501
  • 很實用謝謝~
  • dftj5111
  • 超實用~~好棒,終於可以ˋ自動播放音樂了
  • 悄悄話
  • 云娃
  • 非常感謝大大 真的很實用