文章目录
前言
实践的结果为失败,设备性能不满足, 无法流畅播放视频
软件和设备信息
- via浏览器, 版本4.9.1
- HK1RBOX K8 RK3528设备
- win10, 逍遥游安卓虚拟机(开发插件)
- 央视频官网(不是cctv那个)
过程
方案
- 浏览器设置央视频网址为主页, 只需启动浏览器就能自动访问
- 浏览器设置为电脑模式和标识, 避免跳转移动端(移动端不播放)
- 在浏览器的设置>脚本中添加插件代码
- 插件监测网页中的视频是否已准备完毕, 如果是
- 触发网页全屏按钮
- 视频元素添加监听器
- 如果视频为暂停的, 则调用播放方法
- 触发开启声音按钮
- 申请全屏播放
- 遥控点击视频, 实现全屏(浏览器限制, 必须要手动点击)
插件代码
js
// ==UserScript==
// @name 测试插件
// @namespace https://viayoo.com/
// @version 0.1
// @description 测试插件
// @author You
// @run-at document-start
// @match https://www.yangshipin.cn/tv/home
// @grant none
// ==/UserScript==
(function() {
let i1 = setInterval(function(){
console.log('setinterval');
let video = document.querySelector('video');
if(!video){
console.log('not find video')
return;
}
console.log('find video element');
if(!(!video.paused && video.readyState >= 2)){
console.log('video is not playing');
return;
}
console.log('video is playing');
clearInterval(i1);
if(document.querySelector('div.y-full-control').style.display == 'none')
document.querySelector('div.y-full-control').style.display = '';
document.querySelector('div.videoFull') && document.querySelector('div.videoFull').click();
console.log('done');
video.parentNode.parentNode.addEventListener('click', function(){
console.log('click to full ');
if(video.paused) video.play();
if(document.querySelector('div.voice.on').style.display == 'none')
document.querySelector('div.voice.off').click();
!document.webkitFullscreenElement && video.webkitRequestFullscreen();
})
},1000*2);
})()
运行效果
- 央视频网页
加载缓慢
- 从打开页面到播放视频,
需要等待1分钟以上
- 最严重的是
播放几秒就卡顿一下
- 手机端流畅播放, 可排除网络原因
- 视频播放后只能网页全屏且没有声音, 需要遥控操作提高音量和单击视频全屏(切换鼠标模式)
问题
- via浏览器
- 5/6版本只会在首次打开页签时触发插件, 刷新页面不触发
- 4版本可以打开和刷新都会触发插件
- 远程调试使用Edge访问
edge://inspect
进行调试, chrome会提示404 - 未设置换台功能
- 未设置音量调整功能
- 设备图