V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
TomeWong
V2EX  ›  程序员

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

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

    之前使用的 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 都能搞
    slucus
        16
    slucus  
       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   ·   实用小工具   ·   5385 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 08:42 · PVG 16:42 · LAX 00:42 · JFK 03:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.