手机控制网页播放器
之前自己写的播放器实现了用手机扫码实现 远程控制播放,现在把这个功能搬到了 其他第三方在线播放器上
用书签工具实现 JS 的嵌入, 还算是方便
拖动手机控制网页播放器
到书签栏即可使用
保存以下代码为书签也可使用
javascript:(function(){/* 远程播放控制 */var js=document.createElement("script");js.src="http://cdn.asilu.com/music.a.js?"+new Date().getTime();js.onload=js.onreadystatechange=function(){if(!this.readyState||this.readyState=="loaded"||this.readyState=="complete"){js.parentNode.removeChild(js)}};document.getElementsByTagName("head")[0].appendChild(js)})();
目前可实现对网易
、虾米
、百度
音乐
网站适配 源码 例子
/*@ 网易音乐播放 **/ // _s() 返回的 为 JS DOM 元素 对象 非 jQuery 对象 // 操作 ws.p.a = { // 上一曲 previous: function(){_s('.m-playbar .prv').click();} // 下一曲 , next: function(){_s('.m-playbar .nxt').click();} // 播放 , play: function(){_s('.m-playbar .ply').click();} // 暂停 , pause: function(){_s('.m-playbar .ply').click();} // 开启列表 , 'bar-up': function(){ _s('.m-playbar').style.top = '-7px'; _s('.m-playbar').className = _s('.m-playbar').className.replace('playbar-lock', 'playbar-unlock'); } // 关闭列表 , 'bar-down': function(){ _s('.m-playbar').style.top = '-53px'; _s('.m-playbar').className = _s('.m-playbar').className.replace('playbar-unlock', 'playbar-lock'); } }; // 获取歌曲信息 ws.p.i = function(){ return { // 标题 title: _s('.m-playbar .name').innerHTML.txt() // 艺术家 , artist: _s('.m-playbar .by').innerHTML.txt() // 图片 , image: _s('.m-playbar .head img').src.replace(/\?param=34y34/, '?param=600y600') // 歌曲 id , song_id: _s('.m-playbar .name').href.replace(/^.*id=(\d+).*$/, '$1') // 音量 0 - 1 , volume: (_s('.m-vol .curr').clientHeight / _s('.m-vol .vbg').clientHeight).toFixed(2) // 是否暂停 , paused: !/pas/.test(_s('.ply').className) // 列表状态 (非必须) , bar: /playbar-lock/.test(_s('.m-playbar').className) , list_id: 0 , user_id: 0 }; }; // 绑定事件 _s('.btns').addEventListener('click', ws.sendInfo, false);
本文出自简爱博客,转载时请注明出处及相应链接。
评论
为什么播放器不能更新音乐?