很震撼的HTML5视频播放器，电影院的感觉建议收藏

全栈程序员站长

发布于 2022-07-15 13:58:29

4630

发布于 2022-07-15 13:58:29

文章被收录于专栏：全栈程序员必看全栈程序员必看

大家好，又见面了，我是全栈君

效果很震撼！有电影院的感觉了。呵呵。

看了下代码，依然是在一个canvas里嵌入<video>然后getImageData

点击这里查看效果

代码：

var canvas = document.createElement('canvas'), 

video = document.getElementsByTagName('video')[0], 
ctx = canvas.getContext('2d'); 
ctx.drawImage(video, 0, 0, video.width, video.height); 
var block_width = 50; 
var pixels = ctx.getImageData(0, 0, block_width, canvas.height);
//http://www.cnblogs.com/roucheng/

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/120774.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021年12月，如有侵权请联系 cloudcommunity@tencent.com 删除

https