网页端如何播放各种格式音视频 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
nevermoreluo
V2EX    程序员

网页端如何播放各种格式音视频

  •  
  •   nevermoreluo 2023-11-17 14:45:00 +08:00 1736 次点击
    这是一个创建于 768 天前的主题,其中的信息可能已经有所发展或是发生改变。

    本人之前没搞过音视频相关的内容,寻求一些方案,跑过一些 web player 的 demo ,但是很困惑,方案上都有一些缺陷,似乎都不是特别理想

    要求:

    1. 不要付费方案。。。(哎
    2. 支持 H265 解码(软解硬解都行。。。),支持各种格式 avi,mov,mp4,mkv,acc(其实基本涵盖所有格式了。。。)
    3. 不用提前转码(没有空间,也没有时间。。。
    4. 不联外网

    目前有几个方案 都有缺点

    1. vlc ocx ,这个方案优点很明显,直接调用 vlc 支持格式很多,但是目前只能在 ie 上可以跑,在 chrome 这些主流浏览器高版本跑不了
    2. 找一个合适的 webplayer 的库。。。。但是这些库都是要么不支持 avi 或 mov ,要么不支持 h265.。。很头疼 小弟实在有些迷茫,各位大哥有没有啥好建议
    第 1 条附言    2023-11-20 16:11:04 +08:00

    更新下目前的情况

    项目or方案 测试地址 技术 总结
    h265web.js 测试地址 wasm ffmpeg 不支持avi
    WasmVideoPlayer 测试地址 wasm ffmpeg 不支持avi
    WXInlinePlayer 测试地址 wasm ffmpeg 支持hls
    codecbox.js 测试地址 wasm ffmpeg 支持很多格式包括avi,但avi的音频播放有问题,年久失修,作者称业余项目已经不更新了,声明支持mov,但我测试mov似乎还有bug,无法播放

    总的来说,因为项目上的文件普遍不大的情况下,可以用codecbox.js改改能达到一个可用的状态。不过还要看看领导的要求,和进一步的测试评估

    11 条回复    2023-11-17 20:29:18 +08:00
    rb6221
        1
    rb6221  
       2023-11-17 15:19:28 +08:00 via Android
    为什么要所有格式?有些格式本身就是要付版权费的,比如 mov ,我用 edge 也不支持。不如说下你的需求
    nevermoreluo
        2
    nevermoreluo  
    OP
       2023-11-17 15:25:46 +08:00
    @janus77 有很多设备录制回来的影像资源需要播放。但是设备什么牌子的都有,没法控制输入是什么格式的。
    主要是 mp4+少量 avi ,但是有些确实给了 mov 的
    flyqie
        3
    flyqie  
       2023-11-17 15:29:16 +08:00
    现在不是有 ffmpeg wasm 了嘛。。。

    试试?
    Peek
        4
    Peek  
       2023-11-17 15:30:43 +08:00
    目前没有吧,都是转码为主,我之前想弄媒体整理库发现纯网页走不通,调用本机播放器还各种受限,没法直接传递 smb 的路径,要专门写个服务端让播放器识别路径就搁置了,也是内网用为主,你要是不介意调用本机播放器播放的话可以试试这条路
    tuimaochang
        5
    tuimaochang  
       2023-11-17 15:30:48 +08:00
    有个思路是 wasm+ffmpeg 实现解码,github.com/goldvideo/h265player
    7inFen
        6
    7inFen  
       2023-11-17 15:30:56 +08:00
    如果不是己方设备录制的,应该限制传入资源格式
    nevermoreluo
        7
    nevermoreluo  
    OP
       2023-11-17 15:35:43 +08:00
    @flyqie 其实自己折腾试过 ffmpeg wasm 逐帧解画面->yuv->canvas, 十几分钟的小文件试了下倒是也能播(文件大了效果也还不确定)
    不过播放器控件+音频解析+seek+倍速 路好长而且这么长的路自己搞也就算了,公司的业务还不太敢路太长了 bug 多

    其实想找下大哥们有啥前辈走过的路没有
    nevermoreluo
        8
    nevermoreluo  
    OP
       2023-11-17 15:50:49 +08:00
    @tuimaochang 其他组的同事说这个他试过 avi 的播不了,不过我看了下文档,感觉没提到。等下我自己再试验下 谢啦
    nevermoreluo
        9
    nevermoreluo  
    OP
       2023-11-17 16:10:34 +08:00
    @Peek 哈哈哈哈哈 如果你是个人使用的话,我探索过程中发现一个 https://www.plex.tv/ ,他支持各种格式的音视频,在线激活一回可以离线,感觉适用你的媒体整理的需求,感觉你可以试试
    manning
        10
    manning  
       2023-11-17 16:24:53 +08:00
    ysc3839
        11
    ysc3839  
       2023-11-17 20:29:18 +08:00 via Android
    mov 没理由不支持,mp4 就是基于 mov 改的,市面上大多数 mp4 解析器是同时支持 mp4 和 mov 的,不支持说明是不支持其中的编码。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     951 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 20:48 PVG 04:48 LAX 12:48 JFK 15:48
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86