html实现网页左下角音乐播放器

html实现网页左下角音乐播放器
效果图如下：

实现代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<div id="aplayer" class="aplayer" data-autoplay="true"  data-id="5208409284" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://unpkg.com/meting@1.2.0/dist/Meting.min.js"></script>
</body>
</html>

上面代码中使用的是网易云音乐，具体参数介绍如下：data-id: 歌曲/专辑/歌单ID

data-server: 音乐平台，支持如下参数：
netease （网易云音乐）
tencent （qq音乐）
xiami （虾米音乐）
kugou （酷狗音乐）
baidu （百度音乐）

data-type: 请求类型，支持如下参数：
song （单曲）
album （专辑）
playlist （歌单）
search （搜索）

data-mode: 播放模式，支持如下参数：
random （随机）
single （单曲）
circulation （列表循环）
order （列表）

data-autoplay: 自动播放，支持如下参数：
true
false

html实现网页左下角音乐播放器相关推荐

用js创建audio对象实现网页迷你音乐播放器
主要是靠咋没的audio对象,我就不多说废话了,也不会说,直接上代码: HTML <!DOCTYPE html> <html><head><meta http ...
html中加入音乐播放器,HTML网页添加音乐播放器做背景音乐代码-标签audio
是 HTML 5 的一个新标签,定义声音,比如音乐或其他音频流. 调用格式: src="http://sc1.111ttt.com/2016/1/02/04/195040016323.mp3 ...
html音乐的url,网页制作音乐播放器代码实现及html与url（4页）-原创力文档
说明: html 和 URL 其实都说的一种地址,如果想在网页中插入一段代码,以下插入的是音乐播放器代码,都需要 URL 这个地址, 当然你可以在百度里面找到.以前做了一个网页就是以下的这些代码, ...
[HTML5]简单网页本地音乐播放器
既然HTML5提出与本地交互方便,就想写个HTML5的本地音乐播放器.一开始问题主要集中在怎么读取本地文件路径,我想肯定可以用JS实现去操作本地文件(因为node.js很容易实现读取本地文件,但是原生 ...
仿网易云网页版音乐播放器，实现歌词随歌曲进行滚动高亮
引言前几天在使用网易云网页版听歌时,看着那个页面的歌词随歌曲进行高亮,突然也想自己手动地去实现一下,于是呢,就仿照了网易云音乐的网页自己也写了个页面.效果图如下: 当然了,此处不做css的样式介绍, ...
网页版音乐播放器下载音乐教程
一 .咳咳 , 每天一个白嫖小技巧,它来了它来了!!! 打开W_yi音乐,输入想要get的音乐: 按下F12会出现以下也页面,依次点击图中编标记的两处地方: 出现以上页面以后就点击播放了,等播放一遍 ...
php在登录界面显示悬浮窗口,梨花带雨网页悬浮音乐播放器V3开源
程序不是我写的,但是梨花带雨已被我接手,并且V3版本已完全开源,我尽量剔除了源码中可能出现的联系方式之类. 如果安装后发现某些按钮无效的,那是因为类似于加群链接被我替换成中文了,自己在源码修改成自己的 ...
音乐播放器项目：使用网易云音乐api开发网页版音乐播放器开发难题（一）
将子组件中获取到后台的url参数传递给父组件解决方法: axios({//获取urlurl:'http://localhost:3000/song/url',method:'get',params: ...
基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class=" ...

html实现网页左下角音乐播放器

html实现网页左下角音乐播放器相关推荐

最新文章

热门文章