网页中加入视频播放组件,并使用ffmpeg对视频转编码
网页加入视频可以用h5自带的video标签,这里用一个jQuery封装优化好的video视频组件videojs。 videojs官方网站:https://docs.videojs.com/index.html videojs下载:https://github.com/videojs/video.js/releases 这里有个问题是h5的video标签只支持三种编码的视频格式: 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No 通常我们使用MP4格式,但是MP4又分为“1.MPEG4(DivX)”、“2.MPEG4(Xvid)”、“3.AVC(H264)”三种类型。要想在h5播放成功,必须转换视频格式为H264才可以,好多做法是用格式工厂来转换,这样工作量大,比较麻烦,这里选择直接用 ffmpeg来进行转码 : 1.安装ffmpeg需要安装下面三个包: yasm :是一个汇编器,ffmpeg需要用到。 X264:x264是采用GPL授权的视频编码自由软件。x264的主要功能在于进行H.264/MPEG-4 AVC的视频编码,而不是作为解码器(decoder)之用 ffmpeg主要用于音视频转码