WebRTC 系列之视频辅流
方案。早期我们使用多PeerConnection的 Plan B 方案中只支持一条视频流发送，这条视频 ...
原文：webRTC初接触，使用canvas绘制视频流，并添加颜色滤镜
效果： 左边是canvas绘制的视频，右边是经过滤镜处理后的canvas视频 几个关键点： requestAnimationFrame 用于重复绘制图像，形成动态视频 ctx.drawImage 在canvas中绘制图像 支持跨域 getImageData获取canvas内的图像数据 putImageData图像数据付给canvas 源码： html： 个canvas， 个按钮事件 js： ...
2022-01-14 11:18 0 1182 推荐指数：
相关推荐
canvas绘制工作流之绘制节点
上一篇我们介绍了canvas绘制工作流的大概步骤，接下来会有系列文章细致的介绍怎么用canvas绘制工作流；这篇文章主要介绍用canvas绘制流程节点。 绘制前我们需要先准备一张节点图片，例如：；好了，正题开始： 在html中添加canvas标签 ...
WebRTC如何获取C ++端的视频流数据？
WebRTC是一项开源技术，它可以通过网页实现语音和视频通信，而无需在浏览器中安装任何插件。 如今，WebRTC技术已经较为成熟，其集成了最佳的音/视频引擎，这项技术已经广泛用于视频通话中。 在WebRTC开发过程中，将远端的sdp设置好之后，则可以获取到视频数据流。如果是js端，那么操作 ...
使用CSS3滤镜让图片反转颜色
CSS提供的滤镜也是一大亮点，我一直痴迷其中，有些滤镜的效果很有用，可是有些的滤镜效果可能只是为了玩玩儿，CSS常见的滤镜有这些：grayscale, blur, sepia，所有常见的过滤器。但是如何使用和转化图片呢？今天我们主要是来讲讲如何使用CSS3滤镜让图片反转颜色。 CSS代码 ...
as3中颜色矩阵滤镜ColorMatrixFilter的使用
上面的例子，也是游戏开发中比较常用的功能，与“怪物”战斗后，将其“灰”掉。这其中最重要的还是对AS3颜色矩阵滤镜(ColorMatrixFilter)的使用。 上面实例核心的代码为changeImgGray函数，示例使用flex + sdk3.6编写 ...
如何将Canvas绘制过程转为视频
如果我们用Canvas实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas对象支持captureStream方法，这个方法会返回一个 ...
使用canvas绘制一个时钟
周末学习canvas的一些基础功能，顺带写了一个基础的时钟。现在加工一下，做的更好看一点，先放上效果图： 谈一些自己的理解： （1）、要绘制一个新的样式（不想被其他样式影响，或者影响到其他样式），那么一定记得先用beginPath()，beginPath()可以新建 ...