基于网页的音乐播放器demo /s/1dDgm7HR
自己diy了一个手机端在线音乐播放器演示地址/zhuandizhi/dom.php
全面支持手机端浏览器。
主要修改引用路径(不要修改文件相对存放地址)
第二就是正则拼接参数了
jQuery(document).ready(function($) {
if($("[placeholder]").size() > 0) {
$.Placeholder.init();
}
});
videojs.options.flash.swf = "js/video-js.swf";
//
$(document).ready(function(){
new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1"
}, [<?php if(strlen($a[2])>6){foreach ($a as $va) {
echo $tittle.$va;
};}?>
{title:"
终于等到你",m4a:"http://cc.stream./C100003GF7MY2P0fz7.m4a?fromtag=52"},{title:"陪你走到底",m4a:"http://cc.stream./C100003GX33X2aLY1R.m4a?fromtag=52"},{title:"如果爱下去",m4a:"http://cc.stream./C10000395SnV0rl1hZ.m4a?fromtag=52"},{title:"天下无双",m4a:"http://cc.stream./C100002sjtbA1K4ASF.m4a?fromtag=52"}
], {
swfPath: "js",
supplied: "oga, mp3,m4a",
wmode: "window",
smoothPlayBar: false,
keyEnabled: false
});
});
//]]>
搜狗音乐地址获取
$query=$_GET['s'];
$q= mb_convert_encoding($query,"GBK","UTF-8");
$ew=urlencode($query);
$jsrc = "/ajax/services/search/images?v=1.0&q={$ew}";
$json = file_get_contents($jsrc);
$jset = json_decode($json, true);
$src=$jset["responseData"]["results"][0]["url"];
$image="
";
$query=urlencode($query);
$url="/music.so?query={$query}";
function curl_get($url, array $get = NULL, array $options = array())
{
$defaults = array(
CURLOPT_URL => $url. (strpos($url, '?') === FALSE ? '?' : ''). http_build_query($get),
CURLOPT_HEADER => 0,
CURLOPT_RETURNTRANSFER => TRUE,
CURLOPT_TIMEOUT => 4
);
$ch = curl_init();
curl_setopt_array($ch, ($options + $defaults));
if( ! $result = curl_exec($ch))
{
trigger_error(curl_error($ch));
}
curl_close($ch);
return $result;
}
$html=curl_get($url,array(), array());
iconv("GB2312","UTF-8//IGNORE",$html);
$c="+οnclick=\"qqDownload.*http://cc\.stream\.qqmusic\.qq\.com.*\.m4a\?fromtag=52+i";
$elemment=$html;
if (preg_match_all($c, $elemment,$matches)){$i=0;
$a = array();
$t=array();
foreach ($matches[0] as $val) {
$val=explode("@@", $val, 11);
$t[$i]="{$val[1]}
";
$i++;
$val[1]=$image.$val[1];
$a[$i]="{title:\"{$val[1]}\",". "m4a:\"{$val[10]}\"},";
}
}
?>
来源:/majin/p/3735552.html
如果觉得《怎么用html做音乐播放列表 html网页音乐播放器自带播放列表》对你有帮助,请点赞、收藏,并留下你的观点哦!