html网页音乐播放器自带播放列表_PHP教程-PHP 튜토리얼-php.cn

집

백엔드 개발

PHP 튜토리얼

html网页音乐播放器自带播放列表_PHP教程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 13, 2016 am 10:29 AM

demohtmlhttp기반으로재생목록플레이어~의웹페이지나만의 것을 가져오세요음악

基于网页的音乐播放器demo http://pan.baidu.com/s/1dDgm7HR

自己diy了一个手机端在线音乐播放器演示地址http://shanxi2014.com/zhuandizhi/dom.php

全面支持手机端浏览器。

主要修改引用路径（不要修改文件相对存放地址）

第二就是正则拼接参数了

<script src="/city/js/libs/jquery-1.10.2.min.js"></script>
<script src="/city/js/libs/jquery-ui.min.js"></script>
<script src="/city/js/libs/bootstrap.min.js"></script>

<!-- Style CSS -->
<link href="/city/css/bootstrap.css" media="screen" rel="stylesheet">
<link href="/city/style.css" media="screen" rel="stylesheet">

<!-- General Scripts -->
<script src="/city/js/general.js"></script>

<!-- custom input -->
<script src="/city/js/jquery.customInput.js"></script>

<!-- Placeholders -->
<script src="/city/js/jquery.powerful-placeholder.min.js"></script>
<script><span>
    jQuery(document)</span>.ready(<span>function</span><span>($) {
        </span><span>if</span>($("[placeholder]").size() > 0<span>) {
            $</span>.Placeholder.<span>init();
        }
    });
</span></script>

<!-- CarouFredSel  -->
<script src="js/jquery.carouFredSel-6.2.1-packed.js"></script>

<!-- Lightbox prettyPhoto -->
<link href="css/prettyPhoto.css" rel="stylesheet">
<script src="js/jquery.prettyPhoto.js"></script>

<!-- Video Player -->
<link href="/city/css/video-js.css" rel="stylesheet">
<script src="/city/js/video.js"></script>
<script><span>
    videojs</span>.options.flash.swf = "js/video-js.swf"<span>;
</span></script>

<!-- Audio Player -->
<link href="/city/css/jplayer.css" rel="stylesheet">
<script src="/city/js/jquery.jplayer.min.js"></script>
<script src="/city/js/jplayer.playlist.min.js"></script>
<script type="text/javascript">
    <span>//</span><span><![CDATA[</span>
    $(document).ready(<span>function</span><span>(){

        </span><span>new</span><span> jPlayerPlaylist({
            jPlayer</span>: "#jquery_jplayer_1",<span>
            cssSelectorAncestor</span>: "#jp_container_1"<span>
        }</span>, [<?php <span>if</span>(<span>strlen</span>(<span>$a</span>[2])>6){<span>foreach</span> (<span>$a</span> <span>as</span> <span>$va</span><span>) {
        </span><span>echo</span> <span>$tittle</span>.<span>$va</span><span>;
};}</span>?><span>
        {title</span>:"<div class='item-image'><img  src='http://www.bkjia.com/uploads/allimg/140519/1213052329-0.jpg'  / alt="html网页音乐播放器自带播放列表_PHP教程" ></div>终于等到你",m4a:"http://cc.stream.qqmusic.qq.com/C100003GF7MY2P0fz7.m4a?fromtag=52"},{title:"<div class='item-image'><img  src='http://www.bkjia.com/uploads/allimg/140519/1213052329-0.jpg'  / alt="html网页音乐播放器自带播放列表_PHP教程" ></div>陪你走到底",m4a:"http://cc.stream.qqmusic.qq.com/C100003GX33X2aLY1R.m4a?fromtag=52"},{title:"<div class='item-image'><img  src='http://www.bkjia.com/uploads/allimg/140519/1213052329-0.jpg'  / alt="html网页音乐播放器自带播放列表_PHP教程" ></div>如果爱下去",m4a:"http://cc.stream.qqmusic.qq.com/C10000395SnV0rl1hZ.m4a?fromtag=52"},{title:"<div class='item-image'><img  src='http://www.bkjia.com/uploads/allimg/140519/1213052329-0.jpg'  / alt="html网页音乐播放器自带播放列表_PHP教程" ></div>天下无双",m4a:"http://cc.stream.qqmusic.qq.com/C100002sjtbA1K4ASF.m4a?fromtag=52"<span>} 
        ]</span>,<span> {
            swfPath</span>: "js",<span>
            supplied</span>: "oga, mp3,m4a",<span>
            wmode</span>: "window",<span>
            smoothPlayBar</span>: <span>false</span>,<span>
            keyEnabled</span>: <span>false</span><span>
        });
    });
    </span><span>//</span><span>]]></span>
</script>

搜狗音乐地址获取

<?<span>php
</span><span>$query</span>=<span>$_GET</span>['s'<span>];
</span><span>$q</span>= mb_convert_encoding(<span>$query</span>,"GBK","UTF-8"<span>);
</span><span>$ew</span>=<span>urlencode</span>(<span>$query</span><span>);
</span><span>$jsrc</span> = "https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q={<span>$ew</span>}"<span>;
</span><span>$json</span> = <span>file_get_contents</span>(<span>$jsrc</span><span>);
</span><span>$jset</span> = json_decode(<span>$json</span>, <span>true</span><span>);
</span><span>$src</span>=<span>$jset</span>["responseData"]["results"][0]["url"<span>];
</span><span>$image</span>="<div class='item-image'><img  src='http://www.bkjia.com/uploads/allimg/140519/1213052329-0.jpg'  / alt="html网页音乐播放器自带播放列表_PHP教程" ></div>"<span>;
</span><span>$query</span>=<span>urlencode</span>(<span>$query</span><span>);
</span><span>$url</span>="http://mp3.sogou.com/music.so?query={<span>$query</span>}"<span>;
</span><span>function</span> curl_get(<span>$url</span>, <span>array</span> <span>$get</span> = <span>NULL</span>, <span>array</span> <span>$options</span> = <span>array</span><span>())
{
    </span><span>$defaults</span> = <span>array</span><span>(
            CURLOPT_URL </span>=> <span>$url</span>. (<span>strpos</span>(<span>$url</span>, '?') === <span>FALSE</span> ? '?' : ''). <span>http_build_query</span>(<span>$get</span>),<span>
            CURLOPT_HEADER </span>=> 0,<span>
            CURLOPT_RETURNTRANSFER </span>=> <span>TRUE</span>,<span>
            CURLOPT_TIMEOUT </span>=> 4<span>
    );

    </span><span>$ch</span> =<span> curl_init();
    curl_setopt_array(</span><span>$ch</span>, (<span>$options</span> + <span>$defaults</span><span>));
    </span><span>if</span>( ! <span>$result</span> = curl_exec(<span>$ch</span><span>))
    {
        </span><span>trigger_error</span>(curl_error(<span>$ch</span><span>));
    }
    curl_close(</span><span>$ch</span><span>);
    </span><span>return</span> <span>$result</span><span>;
}
</span><span>$html</span>=curl_get(<span>$url</span>,<span>array</span>(), <span>array</span><span>());
</span><span>iconv</span>("GB2312","UTF-8//IGNORE",<span>$html</span><span>);

    </span><span>$c</span>="+onclick=\"qqDownload.*http://cc\.stream\.qqmusic\.qq\.com.*\.m4a\?fromtag=52+i"<span>;
    </span><span>$elemment</span>=<span>$html</span><span>;
    
    </span><span>if</span> (<span>preg_match_all</span>(<span>$c</span>, <span>$elemment</span>,<span>$matches</span>)){<span>$i</span>=0<span>;

</span><span>$a</span> = <span>array</span><span>();
</span><span>$t</span>=<span>array</span><span>();
</span><span>foreach</span> (<span>$matches</span>[0] <span>as</span> <span>$val</span><span>) {
        </span><span>$val</span>=<span>explode</span>("@@", <span>$val</span>, 11<span>);
        </span><span>$t</span>[<span>$i</span>]="<a href=\"{<span>$val</span>[10]}\" class=\"btn btn-red btn-round\"><span >{<span>$val</span>[1]}</span></a><br/>"<span>;
        </span><span>$i</span>++<span>;
                </span><span>$val</span>[1]=<span>$image</span>.<span>$val</span>[1<span>];
        </span><span>$a</span>[<span>$i</span>]="{title:\"{<span>$val</span>[1]}\",". "m4a:\"{<span>$val</span>[10]}\"},"<span>;
                    
    }    
}

</span>?>

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

HTML超文本标记语言--超在那里？（文档分析）Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML（超文本标记语言），介绍一下HTML的本质，HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单，希望对大家有所帮助！

html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言，而CSS是一种用来表现HTML或XML等文件样式的样式设计语言；html和css不具备很强的逻辑性和流程控制功能，缺乏灵活性，且html和css不能按照人类的设计对一件工作进行重复的循环，直至得到让人类满意的答案。

web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！

总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式，希望对大家有所帮助！

html中document是什么Jun 17, 2022 pm 04:18 PM

在html中，document是文档对象的意思，代表浏览器窗口的文档；document对象是window对象的子对象，所以可通过“window.document”属性对其进行访问，每个载入浏览器的HTML文档都会成为Document对象。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法：1、给td元素添加“border:none”无边框样式即可，语法“td{border:none}”。2、给td元素添加“border:0”样式，语法“td{border:0;}”，将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式，语法“td{border:transparent;}”，将td边框的颜色设置为透明即可。

See all articles