細水、長流√的专栏

有没有那么一种可能，在前端页面处理音视频？例如用户选择一个视频，然后支持他设置视频的任意一帧作为封面，就不用把整一个视频上传到后端处理了。支持mp4/mov/mkv/avi等文件。基本的思想是这样的：使用一个file input让用户选择一个视频文件，然后读取为ArrayBuffer，传给ffmpeg.wasm处理，处理完之后，输出rgb数据画到canvas上或者是转成base64当做img标签的src属性就形成图片了。

目前实现的功能：处理本地，线上URL视频，视频加水印，分离音频、截取下载某一帧图片，调整输出分辨率，导出到VOD或本地，替换视频背景音。浏览器版本请使用91，不要使用最新的，否则连测试都不行不支持safari浏览器！！！视频文件在操作过程中使用blob地址纯前端处理视频文件，由于文件是写在内存文件里面的，所以前端处理一些视频是没有问题的，项目最终结果差不多如下，只能处理小视频，上G的视频应该会很慢的而且机器内存可能满足不了需求。1、安装包2、页面上传方法功能vue页

现在视频网站几乎全部都在使用 MSE 来播放视频。使用 MSE 有提供更好的用户体验，更加节约成本等好处。虽然视频播放一般使用hlsdash等协议的开源客户端来播放视频，我们自己不会使用到 MSE，但这些客户端底层都是使用 MSE，了解 MSE 才更了解这些客户端。

JavaScript获取mp4文件MIME编码格式，用于判读是否是h.264，解决在线播放只有声音问题

概述画中画功能是chrome70+的新功能，视频窗口能够从浏览器独立出来播放视频，看起来像是一个本地应用。添加画中画功能//document.pictureInPictureElement 获取画中画元素//document.pictureInPictureEnabled 判断是否支持画中画/*<video controls controlslist="nodownload" //禁用下载 class="video-player"

ckplayer flash播放器模式该模式需要在网站环境中运行ckplayer，可以能够自定义视频风格，播放器自身是无广告的，你可以自定义显示自己的广告，也可以什么都不显示，这一切，均可以在风格文件中设置，两种风格文件 xml 和 js 设置参数一致。打开你的风格文件，比如 ckplayer.xml ckplayer.js，你可以根据需要设置以下几个地方：1、mylo

音视频播放在依托七牛云存储建立视频应用的过程中，使用者时常遇到播放的问题：选择什么样的播放器？使用什么样的编码和容器格式？如何适应多种客户端？等等。播放器的要求视频应用通常要求播放器具备以下的基本特性：多客户端支持。包括：PC端（Web播放）和移动端（iOS，Android等）。具备多平台支持的播放器有助于简化开发，规避平台之间的差异。常用的音视频编码格