下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:给博客加了个音乐播放器

作者:流水不争先     来源: https://www.cnblogs.com/vocaloid-fan1995/p/11827222.html点击数:1141发布时间: 2020-03-11 14:29:11

标签: 多媒体Androidhtml

Web开发

  aplayer是一款多媒体播放软件,可以支持MP3,MP4,ACC,3GP,WMA等多种格式,软件调用的是Android本身的API,相对来讲比较稳定播放视频也没有什么BUG出现,图标的风格与微软WindowsMediaPlayer倒是颇为相似,总之是一款装机必备的软件。

  本来用的是网易云的外链,后来发现APlayer就换成这个播放器组件了

  在页脚html代码中插入以下代码就行了

  1<linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" >

  2<scriptsrc="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>

  3<divid="aplayer"class="aplayer"data-autoplay="true"data-id="3714831768"data-server="tencent"data-type="playlist"data-fixed="true"data-listfolded="true"data-order="random"data-theme="#F58EA8"></div>

  4<scriptsrc="https://unpkg.com/meting@1.2.0/dist/Meting.min.js"></script>

  这样子播放器是在页面的左下角,效果图如下所示:

web前端:给博客加了个音乐播放器_多媒体_Android_html_课课家

  APlayer媒体播放引擎是迅雷公司从2009年开始开发的音视频媒体文件播放内核。

  迅雷看看播放器就是使用它作为播放内核的,目前迅雷看看播放器在PC播放器市场占有率排第一。

赞(10)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程