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

有什么 web 直播播放器

  •  
  •   Wysten ·
    Wysten-Hgg · 2017-09-20 12:07:59 +08:00 · 4621 次点击
    这是一个创建于 2620 天前的主题,其中的信息可能已经有所发展或是发生改变。
    V 站处处是大佬,小白来问个问题都瑟瑟发抖。(逃
    有什么播放器支持 rtmp 格式,并且可以支持弹幕的。用过 video.js 可以播放,用 jquery 的弹幕插件在播放器上加一层可以实现弹幕滚动,但是播放器一旦全屏弹幕就不显示了,有什么解决办法或者别的播放器吗。
    9 条回复    2017-09-21 01:07:13 +08:00
    Elven
        1
    Elven  
       2017-09-20 12:12:46 +08:00 via iPhone
    推测一下,可能是全屏之后,由 js 生成的覆盖层找不到要显示的位置。你可以从全屏这个事件着手解决~
    ajeef
        2
    ajeef  
       2017-09-20 12:13:09 +08:00 via Android
    mvp 可以嵌入调用
    royzxq
        3
    royzxq  
       2017-09-20 14:44:36 +08:00
    video.js 全屏是将 .video-js 这个元素全屏, 你需要把弹幕的 div 丢进 .video-js 里面, 就可以随着 vjs 全屏而全屏了。

    监听 vjs 的 fullscreenchange 事件, 还有 window 的 resize 事件
    natforum
        4
    natforum  
       2017-09-20 14:47:32 +08:00
    dplayer
    natforum
        5
    natforum  
       2017-09-20 14:48:54 +08:00
    @DlYgod 大佬的 t/279966
    Wysten
        6
    Wysten  
    OP
       2017-09-20 17:57:42 +08:00
    @natforum Dplayer 貌似不能播放 rtmp

    @royzxq 谢谢 试一下
    MinonHeart
        7
    MinonHeart  
       2017-09-20 20:58:57 +08:00 via iPad
    全屏没弹幕可能是层级设置有问题
    Genteure
        8
    Genteure  
       2017-09-20 23:45:38 +08:00
    问题里要求支持 rtmp 播放,我的第一反应是:啥?浏览器能支持 rtmp 协议?
    然后仔细去看了看 video.js 的文档
    https://github.com/videojs/video.js/blob/master/docs/guides/faq.md#q-how-can-i-play-rtmp-video-in-videojs


    Q: How can I play RTMP video in Video.js?

    RTMP requires Flash to play back. You'll need both a browser that supports Flash and the Flash tech.

    In Video.js version 6, the Flash tech is not included by default and is available as a separate videojs-flash package. In previous versions it was builtin to Video.js.

    (此处省略两行)

    Bear in mind that mobile browsers do not support Flash, and modern desktop browsers make it increasingly difficult to use Flash or disable it by default for your end users. Consider moving to a modern format such as HLS or DASH.

    所以 video.js 的 rtmp 播放是用 Flash 实现的。。
    个人觉得,还是直接把 rtmp 丢了,换个其他的播放方法吧,“ Consider moving to a modern format such as HLS or DASH.”
    blanu
        9
    blanu  
       2017-09-21 01:07:13 +08:00 via iPhone
    像 flv.js 一样,自己重写一套解码器哈哈
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2794 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 14:26 · PVG 22:26 · LAX 06:26 · JFK 09:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.