17.27 通过canvas操作视频
使用HTML5原生多媒体的另一个好处是可以利用很多来自HTML5或与HTML5相关的新特性和新功能。
这些新特性中的一个便是canvas
(画布)元素。
使用canvas
元素及相应的JavaScript API可以在网页上描制并创建动画。
可以对HTML5视频应用这些API,因为video
元素可以同其他HTML元素一样进行处理,因此它也可以被canvas
访问和获取。
通过JavaScript API,可以从播放的视频中抓取图像,并在canvas
元素中重新绘制该图像,从而创建视频的截图。
通过API可以对单个图像像素进行操作,同时由于可以根据视频在canvas
中创建图像,因而这意味着可以调整视频的像素。例如,可以将视频转化为灰度模式。
这只是让你对通过canvas
操作video
元素建立一些简单的概念,对这一主题的深入探讨已经超出了本书的范围。更多关于canvas
及其JavaScript API的信息,参见17.29节。