html5播放器调用gpu,javascript如何实现gpu加速？

javascript如何实现gpu加速？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

一、什么是Javascript实现GPU加速？

CPU与GPU设计目标不同，导致它们之间内部结构差异很大。

CPU需要应对通用场景，内部结构非常复杂。

而GPU往往面向数据类型统一，且相互无依赖的计算。

所以，我们在Web上实现3D场景时，通常使用WebGL利用GPU运算(大量顶点)。

但是，如果只是通用的计算场景呢？比如处理图片中大量像素信息，我们有办法使用GPU资源吗？这正是本文要讲的，GPU通用计算，简称GPGPU。

二、实例演示：色块识别。

如下图所示，我们识别图片中彩虹糖色块，给糖果添加表情。

2.1、实例地址(打开页面后，依次点击按钮“使用CPU计算”、“使用GPU计算”)：

http://tgideas.qq.com/2018/brucewan/gpgpu.html

2.2、运行代码：var rgb2hsv = function(r, g, b) {

var max = Math.max(r, g, b), min = Math.min(r, g, b),