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

web 端播放 流式音频(m3u8 格式)

  •  
  •   TomeWong 2020-06-24 10:53:36 +08:00 4983 次点击
    这是一个创建于 1941 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前使用的 jquery.jplayer.js 但这个不支持播放 m3u8 格式的音频

    找到了一个 jAudio.js 可以支持,但网上评价不太好

    各位大佬有没有高见,谢谢

    第 1 条附言    2020-07-02 15:09:23 +08:00
    可以使用 Aplayer,这个功能还是挺强的,另外 B 站也在使用这个插件,推荐大家使用
    19 条回复    2020-06-28 14:49:28 +08:00
    liuguang
        1
    liuguang  
       2020-06-24 11:57:44 +08:00
    hls.js 绑定 video 标签
    wxsm
        2
    wxsm  
       2020-06-24 12:01:09 +08:00
    你实际上就是需要一个 hls 播放器,不管是音频还是视频。因此 hls.js 就行了。
    ss098
        3
    ss098  
       2020-06-24 12:27:49 +08:00
    一般各种库都可以支持 HLS 视频,比如 plyr.js ,video.js 。
    TomeWong
        4
    TomeWong  
    OP
       2020-06-24 12:55:53 +08:00
    @liuguang hls 对 IE 浏览器的兼容性不太好
    Jiangyf
        5
    Jiangyf  
       2020-06-24 13:15:51 +08:00
    ckplayer.js
    fengxianqi
        6
    fengxianqi  
       2020-06-24 13:18:13 +08:00 via Android
    用过 dplayer,还行 x 可以看看
    darer
        7
    darer  
       2020-06-24 13:20:21 +08:00
    video.js?
    leega0
        8
    leega0  
       2020-06-24 14:50:09 +08:00
    最近一直在找 wed 端可以简单点支持 rtsp 的方案也一直没有
    mxT52CRuqR6o5
        9
    mxT52CRuqR6o5  
       2020-06-24 14:57:18 +08:00 via Android
    @leega0 web 标准就不支持你当然怎么找都没有啦,除非你用即将废弃的 flash
    dy7338
        10
    dy7338  
       2020-06-24 15:12:26 +08:00
    jiobanma
        11
    jiobanma  
       2020-06-24 16:17:11 +08:00
    @leega0 #8 web 端本来就不支持 rtsp 的播放,但是可以考虑 rtsp 转 rtmp 使用 flash 来播放,当然 flash 马上不支持后其实也很好解决,采用 http-flv 播放,不知道你是不是这方面的需求,如果是的话,可以参考我的开源项目: https://gitee.com/banmajio/RTSPtoRTMP
    jiobanma
        12
    jiobanma  
       2020-06-24 16:18:14 +08:00
    @mxT52CRuqR6o5 #9 flash 也播不了 rtsp 只能将 rtsp 转成 rtmp 来播 不过 flash 不支持后 可以采用 http-flv 来解决
    justin2018
        13
    justin2018  
       2020-06-24 16:49:57 +08:00
    dplayer + hls 就可以
    TomeWong
        14
    TomeWong  
    OP
       2020-06-24 17:14:40 +08:00
    @Jiangyf ckplayer 有版权信息
    wnpllrzodiac
        15
    wnpllrzodiac  
       2020-06-24 17:23:32 +08:00 via Android
    @leega0 非 http 协议就不用想了。rtmp rtsp 不可能 h5 播放的。http 协议的话 265 av1 都能搞
    UIpc9608eZkLe1sT
        16
    UIpc9608eZkLe1sT  
       2020-06-24 17:54:55 +08:00
    video.js 了解一下。之前做过直播的小项目,用下来没什么大问题。

    https://www.npmjs.com/package/video.js
    mxT52CRuqR6o5
        17
    mxT52CRuqR6o5  
       2020-06-24 21:22:15 +08:00 via Android
    按照道理来说,web 端的各种播放器只是给 video 加了个皮肤,并不能增加格式支持能力,你要先看看 web 标准支不支持
    qbqbqbqb
        18
    qbqbqbqb  
       2020-06-27 19:39:42 +08:00
    @mxT52CRuqR6o5 不一定的。有的 web 端播放库(比如 flv.js )是集成了一部分格式转换的功能的,可以从 web 标准不支持的文件格式(比如 flv )里抽取出视频音频流(编码必须被浏览器支持,比如 H.264, AAC ),然后重新封装成浏览器支持的 mp4 等格式来播放的。

    所以说如果仅仅是使用的文件(容器)格式不被浏览器支持,但是其中使用的音视频编码是浏览器支持的类型,这种情况是可以使用纯 HTML5+JS 来“增加格式支持”的。
    leega0
        19
    leega0  
       2020-06-28 14:49:28 +08:00
    @jiobanma 感谢,已关注,之前也在看关于 WebAssembly 的方案。。。方法都是有的,就是看哪个实现起来比较简易。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3883 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 04:14 PVG 12:14 LAX 21:14 JFK 00:14
    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