HK1RBOX K8 RK3528 Via浏览器_插件_央视频的组合验证(失败)

本文链接：https://blog.csdn.net/qq_33641175/article/details/147553395

文章目录

前言

实践的结果为失败,设备性能不满足, 无法流畅播放视频

软件和设备信息

via浏览器, 版本4.9.1
HK1RBOX K8 RK3528设备
win10, 逍遥游安卓虚拟机(开发插件)
央视频官网(不是cctv那个)

过程

方案

浏览器设置央视频网址为主页, 只需启动浏览器就能自动访问
浏览器设置为电脑模式和标识, 避免跳转移动端(移动端不播放)
在浏览器的设置>脚本中添加插件代码
插件监测网页中的视频是否已准备完毕, 如果是
- 触发网页全屏按钮
- 视频元素添加监听器
  - 如果视频为暂停的, 则调用播放方法
  - 触发开启声音按钮
  - 申请全屏播放
遥控点击视频, 实现全屏(浏览器限制, 必须要手动点击)

插件代码

// ==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);
})()