简爱博客
手机控制网页播放器
2016-7-13 简爱


之前自己写的播放器实现了用手机扫码实现 远程控制播放,现在把这个功能搬到了 其他第三方在线播放器上



用书签工具实现 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);




评论:
小晨子
2016-07-22 12:03 回复
为什么播放器不能更新音乐?