<!DOCTYPE html>
<!-- saved from url=(0039)http://y.qq.com/m/demo/2017/player.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Text</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
</head>
<body>
<div class="action-list">
<button class="js_demo5">歌曲链接</button>
</div>
<script src="http://y.gtimg.cn/music/h5/player/player.js"></script>
<script>
var params = {};
var player = new Player(params);
player.loop = false;
var callback = function (e) {
player.loop = false;
player.play("http://ws.stream.qqmusic.qq.com/lm005d9e8facb91a60f36de44b85ec7a6893.mp3", { target: "auto" });
}
window.addEventListener("click", callback)
</script>
</body>
</html>
<!DOCTYPE html>
<!-- saved from url=(0039)http://y.qq.com/m/demo/2017/player.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>QQ音乐H5音频播放器Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
</head>
<body>
<div class="action-list">
<button class="js_demo5">歌曲链接</button>
</div>
<script src="http://y.gtimg.cn/music/h5/player/player.js"></script>
<script>
var utils = {
ontap: function (elem, callback) {
if (typeof elem == "string") {
elem = document.querySelector(elem);
}
if (elem) {
if (utils.touch) {
elem.addEventListener("touchstart");
elem.addEventListener("touchmove");
elem.addEventListener("touchend");
} else {
elem.addEventListener("click", callback);
}
}
return this;
}
}
var params = {};
var player = new Player(params);
utils
.ontap(".js_demo5", function (e) {
player.loop = false;
player.play("http://ws.stream.qqmusic.qq.com/lm005d9e8facb91a60f36de44b85ec7a6893.mp3", { target: "auto" });
})
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="https://y.gtimg.cn/music/h5/player/player.js?max_age=2592000"></script>
<script>
// 初始化播放组件
var player = new QMplayer({ target: "auto" }); // 设置 target=music 时会拉起QQ音乐客户端进行播放
player.loop = false;
// 播放歌曲
var callback = function (e) {
alert(123)
player.play("http://ws.stream.qqmusic.qq.com/lm005d9e8facb91a60f36de44b85ec7a6893.mp3");
}
// 监听事件
window.addEventListener("click", callback)
// 支持的方法:play、pause、toggle、playReady、on、off
// 支持的事件:play、pause、ended、timeupdate、waiting、error
</script>
</body>
</html>