寫在前面
我在chrome上無法播放h264+Acc的mp4,在firefox、ie都可以播放,而且此mp4在vlc終可以正常播放。
視頻鏈接:http://106.14.221.185:7001/public/video/dms-2019-12-27-17-10.mp4。視頻是android錄制的,采用的MediaCodec。
起初查了很多關於chrome的問題,因為chrome使用的是webkit內核跟其它瀏覽器不同,然而現在最流行最常見的就是webkit內核。
所有最好歸根到視頻源上。
我在網上找了很多都是說chrome只支持h264的mp4,讓我很無奈,又不懂android開發。對接到android工程師,他們又說沒有問題,拿出vlc說:“明明可以播放的”。沒辦法,有理說不出,只能自己去找問題去打他們臉。
來源
- 開始我嘗試使用web 視頻插件,找到一個vlc的web插件,可惜已經不對當前的chrome支持了,其它瀏覽器也會相繼的對此不支持。
- 於是又找到ckplayer插件,發現原理調用的也是video標簽和flash,這個跟videoJS一樣。
- 最后終於找到一篇關於video標簽無法播放mp4的文章,需要利用ffmpeg工具檢測。於是才有了下文:
開始探索
- 下載並安裝ffmpeg:https://ffmpeg.zeranoe.com/builds/,有三個版本:Static、Shared、Dev,我選擇Static下載完並安裝
- 設置環境變量:右擊“我的電腦”--系統設置--高級系統設置,在環境變量path里添加安裝完的“bin”所在目錄,我的是“D:\ffmpeg\ffmpeg-20191229-e20c6d9-win64-static\bin”
- 打開Windows PowerShell(管理員),切換到視頻所在目錄,例如我的:
PS C:\Users\wangrui> E: PS E:\> cd /temple/static - 查看編碼
PS E:\temple\static> ffmpeg -i input.mp4 PS E:\temple\static> ffmpeg -i input2.mp4
唉,不寫了,
這篇文章其實就是上面的“找到一篇關於video標簽無法播放mp4的文章” 地址是 https://www.jianshu.com/p/aa5ba6967f46
