手机控制网页播放器

简爱代码>JavaScript2016-7-13 23:4218441

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

用书签工具实现 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+).*$/, '')

		// 音量 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);


本文出自简爱博客,转载时请注明出处及相应链接。

评论

  1. 小晨子2016-07-22 12:03回复

    为什么播放器不能更新音乐?

发表评论

电子邮件地址不会被公开。必填项已用*标注