尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:300
已运行时间:
目录
  1. 一、两者视频元信息比较
  2. 二、HEVC、H.265 兼容性支持情况
  3. 三、解决方案
    1. 【弃】vue-h265-player 插件使用
    2. 【弃】EasyPlayer.js 插件使用
    3. 【弃】libde265.JS 解决办法
    4. 【弃】easywasmplayer
    5. 【取】ffmpeg 方法

尼采般地抒情

尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:300
已运行时间:

前言:需求中有这么一个问题,部分 mov 格式的视频在移动端可以播放,但在 pc 客户端无法显示,对比能播放和不能播放的 mov 格式视频,发现是 hevc 编码的 mov 视频不能播放,对此在做需求过程中,寻求并尝试了一些方法来解决这个问题,在本文做个记录。

  1. MOV 合适视频是苹果手机拍摄的视频格式
  2. 苹果拍照的视频和苹果利用 api 调用的拍照的视频,这两者拍的视频编码是有差异的

一、两者视频元信息比较

所用例子:

利用格式工厂查看两个视频的元信息:
image.png
利用上面的信息以及实际的可播放效果得:

  • mobile:都能看(安卓和苹果)
  • pc:不能看上传的,hevc 编码的不能解码?移动端相较 pc 能处理 hevc 编码?

二、HEVC、H.265 兼容性支持情况

image.png
image.png
image.png
image.png
参考方案:

三、解决方案

下面几种方法是解决过程中所尝试的几种方法,前四种都测试未能解决该问题,最后一个方法取之。

【弃】vue-h265-player 插件使用

判断是否为 h.265,如果是就将其用新的播放器(插件)播放
https://github.com/buzz/mediainfo.js
项目中添加该 api 的判断代码

【弃】EasyPlayer.js 插件使用

只要是 hevc 的格式,不管是视频还是声音,都无法播放

【弃】libde265.JS 解决办法

【弃】easywasmplayer

测试地址:http://www.easydarwin.org/easywasmplayer/

不支持mov播放,mp4可以

【取】ffmpeg 方法

能否在后端利用ffmpeg将mov格式视频转换成mp4,转换之后的mp4格式是h.264编码的(目前只有部分mov格式视频是hevc编码的)

PS:ffmpeg 安装方法:
https://ffmpeg.org/download.html
image.png
image.png
添加到环境变量
image.png
检测是否安装成功
image.png
安装成功

【ffmpeg 转 mov 为 mp4-命令】

ffmpeg -i test.mov -vcodec libx264 -preset fast -crf 20 -y -acodec libmp3lame -ab 128k test.mp4

【前端实现】
https://download.csdn.net/download/weixin_42120997/19759493【收费】
https://blog.csdn.net/dj513dj/article/details/60961970
https://juejin.cn/post/6844903961942556685
https://github.com/damianociarla/node-ffmpeg
https://blog.csdn.net/dj513dj/article/details/60961970
还是需要电脑有 ffmpeg 环境

【后端实现】
NodeJS 实现视频转码
image.png
需要服务端有 ffmpeg 环境

评论区

Beaudar Twikoo

最新评论

Loading...