2014-01-07 47 views
1

我想在我的网站上实现一个音频播放器,它不是单个页面网站,而是由多个HTML页面组成。网站上的SCM音乐播放器

我搜索了很多,发现scm音乐播放器是最好的选择。 http://scmplayer.net/

我甚至开始编码它。我只是试图实现 一个空白的HTML页面的玩家这里是我的代码 -

<html> 

      <head> 

      </head> 
      <body> 
      Test 
      </body> 

      </html> 
      <script type="text/javascript" src="http://scmplayer.net/script.js" 
      data-config="{'skin':'skins/tunes/skin.css','volume':58,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Kabira (2013)','url':'https://soundcloud.com/kevin-desai-2/yeh-jawaani-hai-deewani-2013/s-KSS3w'},{'title':'Phir Muhabbat','url':'https://soundcloud.com/kevin-desai-2/phir-muhabbat-instrumental-1'},{'title':'Tum Hi ho- Aashiqui 2','url':'https://soundcloud.com/kevin-desai-2/tum-hi-ho-song-instrumental/s-tzfTz'},{'title':'Manzar Song','url':'https://soundcloud.com/kevin-desai-2/phir-muhabbat-instrumental/s-GLuGp'}]}" ></script> 

我试图把script标签随处可见,但音乐播放器不仅出现。

我该如何让它起作用?

+0

https://soundcloud.com/kevin-desai-2/yeh-jawaani-hai-deewani-2013/s-KSS3w是否会返回一个mp3文件?皮肤/ tunes/skin.css是否存在? – RononDex

回答

1

把剧本口主体标签之后这样

<!DOCTYPE html> 

<head> 
    <title>Test App</title> 
</head> 
<body> 
    Test 
    <script type="text/javascript" src="http://scmplayer.net/script.js" data-config="{'skin':'skins/tunes/skin.css','volume':58,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Kabira (2013)','url':'https://soundcloud.com/kevin-desai-2/yeh-jawaani-hai-deewani-2013/s-KSS3w'},{'title':'Phir Muhabbat','url':'https://soundcloud.com/kevin-desai-2/phir-muhabbat-instrumental-1'},{'title':'Tum Hi ho- Aashiqui 2','url':'https://soundcloud.com/kevin-desai-2/tum-hi-ho-song-instrumental/s-tzfTz'},{'title':'Manzar Song','url':'https://soundcloud.com/kevin-desai-2/phir-muhabbat-instrumental/s-GLuGp'}]}" > </script> 

</body> 

还要添加标题。

希望它有效。