敬告 – 那些反馈BUG的,不带上网址的,我以后一概不搭理,并且直接添加到评论黑名单。你们这些人是来故意捣乱的吧!

【已失效】搭建属于自己的外链音频html5播放器

2年前 (2015-05-12) 水冷眸丶 PlayLM相关 14评论 已收录 11458℃

利用虾米、网易云音乐、天天动听、酷狗音乐的外链制作自己的音频播放器。

如何搭建:

其实不难,就是根据你的服务器版本,下载上传相关的代码就可以使用了。下载包在下面。

鉴于部分人的伪静态规则是直接后台控制的,所以顺便贴上各个环境的伪静态规则。

如果是直接添加文件的可以无视,压缩包里带了。

首先是新浪云版:

Nginx版:

Apache版:

将压缩包里面的代码传到空间,然后根据自己的网站环境,搭配上面的伪静态规则就成功了。

如何使用:

先看演示:

 

wordpress的文本模式下,引入如下代码:

上面的代码,其中miantiao.jd-app.com改为你自己搭建的网址,如果是搭建在子目录下,请注意自己的目录地址完整正确;m163player为音频源,代码中填的是虾米音乐网的,其它的音频源为:

1114507为音乐的ID号,需要注意的是,虾米与网易的音频源的音乐ID号不是共通的,使用playlm主题的童鞋,请注意选择好音频源。

如何获取ID号:

请参考《PLAYLM主题文章形式使用说明》文章内的第二页音频文章形式。

文章内仅写了虾米与网易的ID号获取,水冷眸觉得有这两个也够了,想要天天动听以及酷狗的获取方式的,可以自行研究一下。

罗里吧嗦一大堆,基本说完了(实际貌似也没说到啥重点)。下面是下载包,自己对应网站环境下载。

 

博主

一个纯自学的伪技术宅,此博客的开办,只为在折腾wordpress的路程上渐行渐高,渐行渐远。生命不息,折腾不止!!!

相关推荐

14 条评论

  1. avatar
    -9#

    :eek: :eek: :eek: :eek: :eek: :eek:

    学徒 于2015-05-12 2:39 下午 评论 回复
  2. avatar
    -8#

    这个很赞,支持!

    TrojanSun 于2015-05-14 4:55 下午 评论 回复
  3. avatar
    -7#

    写的时候其实就是一边写一边测试的,当然也是直接搭建在各个平台。coding和jd是一次成功。SAE需要麻烦点。
    我觉得完全没必要分3个版本。除了NginX需要特别配置下伪静态之外。新浪稍微改一下应用名之外。并不需要修改什么特别的东西。

    ss_ss 于2015-05-15 12:11 上午 评论 回复
    • avatar

      京东似乎已经停止新用户申请了?之所以将之分为三个版本、主要是为乐美观、同时也避免一些麻烦(最主要是想弄得篇幅长一点)。不过作者大大光临寒舍,让小弟感觉十分荣幸啊

      水冷眸丶 于2015-05-15 4:02 下午 评论 回复
      • avatar

        JAE是不是停止注册了这个我真搞不清。因为后来注册都要手机验证了。其实本来我的意思就是为了改写下python版本以适应更多的平台,所以就放一起了,其目的是为了能够更灵活的配置。而不是定死了去放在指定的平台。

        ss_ss 于2015-05-15 5:59 下午 评论 回复
        • avatar

          有道理、晚点我将其重新编辑一下吧。

          水冷眸丶 于2015-05-15 6:21 下午 评论 回复
        • avatar

          至于昵称问题。你写ss_ss就行。

          ss_ss 于2015-05-15 7:14 下午 评论 回复
  4. avatar
    -6#

    弱弱问下,是不是只支持单ID :cool:

    mew07 于2015-07-03 9:03 下午 评论 回复
    • avatar

      恩,对得

      水冷眸丶 于2015-07-03 9:04 下午 评论 回复
  5. avatar
    -5#

    请教一下博主,你的网站是纯静态的吗?是怎么实现的啊?为什么我的网站使用伪静态之后点开网页网址还是不带html的?
    我想像博主一样http://www.slmwp.com/our-html5-audio-player.html,比如这个网页,带html后缀,先行谢过了 :wink:

    金笔头博客 于2016-03-19 5:04 下午 评论 回复
    • avatar

      这个是在后台的设置→固定连接里面设置,在自定那里的最后面,添加.html就可以了。如果伪静态没错,就实现了。另外,我刚刚有到你网站看过,你的文章有必要另外编写英文别名,中文别名不友好

      水冷眸丶 于2016-03-20 4:19 下午 评论 回复