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节。