本项目主要功能为在浏览器中自动播放视频,并且实现音量控制,快进快退,全屏控制,播放暂停控制等功能。

仓库地址: github.com/hapiman/chr…
安装静态服务器
如果电脑上存在nodejs的环境,可以直接安装 anywhere 来访问 index.html 页面。 进入项目根目录,执行命令: anywhere ,然后浏览器会自动打开 http://localhost:8000 页面。
使用puppeteer自动化执行命令
通过在 nodejs 调用前端页面的方法,然后能够Socket实现远程控制浏览器的视频播放。
具体功能实现
var _volumeNum = 1 // 音量值
var _speedNum = 1 // 速度值
var videoSrc = 'demo02.mp4' // 切换资源
window.onload = function () {
var myVideo = document.getElementById('myVideo')
var scSource = document.getElementById('sc')
var myVideoBody = { pause: true }
// 播放完成指令
myVideo.addEventListener('ended', function () {
scSource.src = videoSrc;
myVideo.load()
myVideo.play()
})
// 初始化
start()
}
// 获取video
function getVideo() {
var myVideo = document.getElementById('myVideo')
return myVideo
}
// 快进
function vforward(params) {
if (_speedNum >= 2) return
_speedNum = accAdd(_speedNum, 0.1)
console.log('vforward _speedNum: ', _speedNum)
getVideo().playbackRate = _speedNum
}
// 快退
function vbackward() {
if (_speedNum <= 0.5) return
var myVideo = getVideo()
_speedNum = accSub(_speedNum, 0.1)
console.log('vbackward _speedNum: ', _speedNum)
getVideo().playbackRate = _speedNum
}
// 页面加载之后执行命令
function start() {
var myVideo = getVideo()
myVideo.volume = 1
myVideo.playbackRate = 1
}
// 设置静音
function setMuted() {
getVideo().muted = true
}
// 设置非静音
function setNotMuted() {
getVideo().muted = false
}
// 播放
function vplay() {
console.log('vplay =>')
getVideo().play();
}
// 暂停
function vstop() {
getVideo().pause();
}
// 重播
function vrestart() {
getVideo().currentTime = 0
getVideo().play()
}
// 取消全屏
function cancelFull() {
screenfull.exit()
}
// 打开全屏
function openFull() {
getVideo().webkitRequestFullscreen()
}
// 音量 --
function reduceVolume() {
console.log('reduceVolume:: current volume: ', myVideo.volume) // 当前音量
getVideo().muted = false
if (_volumeNum <= 0) return
_volumeNum = accSub(_volumeNum, 0.1)
getVideo().volume = _volumeNum
}
// 音量 ++
function addVolume() {
console.log('addVolume:: current volume: ', myVideo.volume) // 当前音量
getVideo().muted = false
if (_volumeNum >= 1) return
_volumeNum = accAdd(_volumeNum, 0.1)
getVideo().volume = _volumeNum
}另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。