V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
工单节点使用指南
• 请用平和的语言准确描述你所遇到的问题
• 厂商的技术支持和你一样也是有喜怒哀乐的普通人类,尊重是相互的
• 如果是关于 V2EX 本身的问题反馈,请使用 反馈 节点
f2f2f
V2EX  ›  全球工单系统

B 站的开发你们对自家的 H5 播放器到底做了什么优化,现在的使用感觉和 Flash 相差无几

  •  1
     
  •   f2f2f · 2018-01-14 12:18:42 +08:00 · 17012 次点击
    这是一个创建于 2503 天前的主题,其中的信息可能已经有所发展或是发生改变。
    之前你们的 H5 播放器可以说用得十分舒服,流畅+低占用+不像 Flash 那么烫手。不知道你们播放器哪个版本的升级后(好像是支持高级弹幕特性以后),占用变高了暂且不说,现在随便看个视频,CPU 温度都能上 80-90,关掉弹幕稍微好点,但也一直是 60 度以上。这还是视频里弹幕数量正常的情况下,要是遇到刷弹幕或者高级弹幕的视频,都能直接把播放器卡死了(表现为音频正常但是画面卡住不动,需要关掉弹幕才能恢复正常)。这变得跟以前用 Flash 播放器有什么区别,至少 Flash 下面弹幕还丝般顺滑呢……

    p.s Mac 10.13+Safari 11.0,不是系统的锅,隔壁麻花腾家的 H5 播放器就好好的。
    69 条回复    2018-01-16 16:18:54 +08:00
    codermagefox
        1
    codermagefox  
       2018-01-14 12:41:22 +08:00 via iPhone   ❤️ 1
    自己搜 flv.js 事件,然后想想为什么。
    subdued
        2
    subdued  
       2018-01-14 12:46:35 +08:00
    觉得 B 站那个鼠标滑过 可以在封面浏览视频内容的功能做的挺好的
    twoyuan
        3
    twoyuan  
       2018-01-14 12:47:00 +08:00
    很早之前就发现,树莓派( Raspbian )打开 B 站视频几分钟就会死机
    edsheeran
        4
    edsheeran  
       2018-01-14 12:47:26 +08:00 via iPhone
    上海 fe 大牛 5000 元月薪的公司
    Tink
        5
    Tink  
       2018-01-14 12:49:41 +08:00 via iPhone
    挖矿了?
    Navee
        6
    Navee  
       2018-01-14 12:59:07 +08:00
    用基于 flv.js 的斗鱼 html5 插件,从几个月之前就发现 cpu 占用率比 flash 低不了多少。
    qdwang
        7
    qdwang  
       2018-01-14 13:02:15 +08:00 via iPhone
    b 站度播放器确实占资源,和 youtube 一个天一个地。

    但是 b 站没有视频片头广告。
    再卡,也会用。
    kruskal
        8
    kruskal  
       2018-01-14 13:09:37 +08:00
    确实,CPU 占用率比之前高了不少
    muziki
        9
    muziki  
       2018-01-14 13:12:43 +08:00 via iPhone
    flv.js 这种过渡技术实在是不行
    f2f2f
        10
    f2f2f  
    OP
       2018-01-14 13:19:56 +08:00
    @Navee 备用 bilibili for mac,那个的确舒服,但是好多新番适配不出来,无奈只得返回浏览器看
    f2f2f
        11
    f2f2f  
    OP
       2018-01-14 13:20:47 +08:00
    @muziki 我更怀疑是弹幕的问题,因为之前 H5 还是很正常的,最近他们一直在加弹幕特效,然后瞬间就很糟糕了
    coderfox
        12
    coderfox  
       2018-01-14 13:52:31 +08:00 via Android
    看看弹幕是 CSS3 还是 Canvas 绘制的,Canvas 绘制的确实比较差劲。
    Phariel
        13
    Phariel  
       2018-01-14 13:59:20 +08:00 via Android
    flv.js 没有原作者的加持 B 站日常药丸
    Osk
        14
    Osk  
       2018-01-14 14:00:59 +08:00 via Android
    我平板上都是强制 cpu 降频,反正视频流畅,弹幕卡就卡吧。
    不然,平板一会儿就变吹风机了。
    yexm0
        15
    yexm0  
       2018-01-14 14:09:38 +08:00 via iPhone
    @Osk 这已经算好的了。我那台平板没风扇,当 cpu 温度高时触发 DPTF 强制降频,开啥程序都一卡一卡的,比你这更难受
    sobigfish
        16
    sobigfish  
       2018-01-14 14:11:20 +08:00   ❤️ 2
    加班以及原作者离职造成的比原来卡多了😂
    Syaoran
        17
    Syaoran  
       2018-01-14 14:13:18 +08:00 via Android
    毕竟靠爱发电就别指望有多好优化了
    zjsxwc
        18
    zjsxwc  
       2018-01-14 14:16:03 +08:00
    win 下还是 flash 播放器更快更省资源
    N0stalgia
        19
    N0stalgia  
       2018-01-14 14:16:47 +08:00
    看 B 站鬼畜经常把我浏览器也鬼畜了- -!
    Osk
        20
    Osk  
       2018-01-14 14:22:17 +08:00 via Android
    @yexm0 邪恶的 DPTF 哈哈,我自己手动限制频率没这些问题,最高 1.2GHz 的酷睿 i3 居然流畅得令人发指,上网完全够了,温度上不去风扇不转,DPTF 降频触发不了,电池也有保证,简直完美。
    regiondavid
        21
    regiondavid  
       2018-01-14 14:50:16 +08:00 via Android
    @subdued 那个跟播放器没关系,好像就是请求对应视频的几条弹幕和几个图片
    wengjin456123
        22
    wengjin456123  
       2018-01-14 14:52:41 +08:00 via Android
    给 5000 一个月,能维护好么
    ranleng
        23
    ranleng  
       2018-01-14 14:55:47 +08:00 via Android
    @qdwang 没广告?
    你能在表演一下那个么. jpg (手机没图希望有图的帮我放一张
    chenyiping1995
        24
    chenyiping1995  
       2018-01-14 14:57:35 +08:00 via Android
    @ranleng 然而想看到广告好像的确挺麻烦的。

    手机客户端看不到,装了广告拦截的看不到,承包过番剧的也看不到。

    还要怎样?
    jason19659
        25
    jason19659  
       2018-01-14 15:25:42 +08:00
    连年亏损哪有钱优化,希望你们这些用户可以用爱感化播放器
    chenqh
        26
    chenqh  
       2018-01-14 15:44:02 +08:00
    有可能在挖矿也说不定,世界上最好的 js 怎么可能会 flash 还烫手?
    ETiV
        27
    ETiV  
       2018-01-14 15:49:49 +08:00 via iPhone
    冬天了 送你个暖手宝
    iFlicker
        28
    iFlicker  
       2018-01-14 15:50:16 +08:00
    都用爱发电了对吧
    MonoLogueChi
        29
    MonoLogueChi  
       2018-01-14 16:22:55 +08:00 via Android
    flv.js 的问题,另一个可能是弹幕问题,弹幕太占用资源了
    lzvezr
        30
    lzvezr  
       2018-01-14 17:03:44 +08:00 via iPhone
    感觉还是 flv 的问题,为了节省存储,html5 和 flash 都用的 flv。
    油管则是全部转为 mp4 和 vp9,甚至为了兼容个别清晰度还用了多种格式。
    腾讯视频没研究过,用的不多
    changlers
        31
    changlers  
       2018-01-14 17:09:02 +08:00
    感觉和弹幕有关系,可能弹幕优化的不够好吧
    GuryYu
        32
    GuryYu  
       2018-01-14 17:13:16 +08:00
    现在打开视频很慢, 卡在加载页面基本都是 5s 以上, 但是视频缓冲的却很快, 不知道什么问题
    realwangyibo
        33
    realwangyibo  
       2018-01-14 17:59:09 +08:00
    flv.js 开发者走了,主管觉得招几个便宜的维护一下就行(逃
    just1
        34
    just1  
       2018-01-14 18:13:39 +08:00 via Android
    @lzvezr flv ? flv 格式不支持流播放吧
    f2f2f
        35
    f2f2f  
    OP
       2018-01-14 18:18:34 +08:00
    @coderfox CSS3,canvas 我自定义字体无法加载,而且似乎后者 safari 上渲染毛刺感严重。

    问题是现在 css3 的渲染也……哎,回到了 flash 的感觉
    wm5d8b
        36
    wm5d8b  
       2018-01-14 18:19:21 +08:00
    性能问题,把电脑配置调高点可以解决,关键是视频经常中间丢一段
    lzvezr
        37
    lzvezr  
       2018-01-14 18:26:32 +08:00
    @just1 flv 就是流媒体格式啊,mp4 才不是。我记得是因为两种格式头信息不同,flv 更适合直播之类的流媒体
    just1
        38
    just1  
       2018-01-14 18:46:25 +08:00 via Android
    @lzvezr 噢,尴尬了,我记成了 avi...
    iPhone8
        39
    iPhone8  
       2018-01-14 18:54:22 +08:00
    说的好像走之前就不占资源似的,b 站 h5 播放器一直都不行。
    kfangf
        40
    kfangf  
       2018-01-14 19:23:27 +08:00 via Android
    flv.js 的作者离职了,月薪五千也是醉了。没了技术大佬代码也就烂了
    changlers
        42
    changlers  
       2018-01-14 20:55:38 +08:00
    @ranleng 我们 b 站就是饿死,也不屈服于美帝国主义的威胁加贴片广告(
    hfenger
        43
    hfenger  
       2018-01-14 21:06:31 +08:00
    @changlers 是突然要求加广告,广告没来得及招商吧,我现在一个月更新一次手机客户端,把广告和乱七八糟的都精简掉,早就不是那种纯粹的二次元视频站了,现在充斥着广告,营销号,小学生,还在用也是因为喜欢的播客都有投稿,客户端相对来说体验国内还是好的,也没视频前广告,加了广告我是不会用了,就是不知道阿里投资 A 站能不能救活了
    changlers
        44
    changlers  
       2018-01-14 22:03:22 +08:00
    @hfenger b 站的客户端做的是挺好的,不过我趁着打折充了一年大会员,倒是几乎感觉不到影响
    xmoiduts
        45
    xmoiduts  
       2018-01-14 22:16:24 +08:00 via Android
    @hfenger 感觉 b 站的手机端和网页版是完全不同的两套策略,前者效仿各个 app 的内容流,展示了很多标题党(或类似语气的视频),后者尽力维持老的分区膜式。
    yangyaofei
        46
    yangyaofei  
       2018-01-14 22:25:30 +08:00
    @subdued 那个功能貌似 pronhub 早就实现了🙃
    floopy
        47
    floopy  
       2018-01-14 22:43:27 +08:00
    月薪 5000 的大佬走了,自然不行了
    ratchet
        48
    ratchet  
       2018-01-14 23:08:35 +08:00
    现在 B 站 html5 播放器还不如 flash,太恶心了,经常播着播着就卡死。
    Khlieb
        49
    Khlieb  
       2018-01-14 23:10:39 +08:00 via Android
    @chenqh #26 如果是挖矿的话其实是有办法解决的,像火狐可以安装 No coin 扩展搞定。
    yingfengi
        50
    yingfengi  
       2018-01-15 00:25:45 +08:00 via Android
    弹幕的锅,关闭就流畅了
    另外分配 CDN 有点智障,经常分配到很远的节点,结果就是卡卡卡
    Love4Taylor
        51
    Love4Taylor  
       2018-01-15 09:51:23 +08:00
    @xmoiduts #45 不久之后 PC 端就会上个人兴趣推荐视频了
    SourceMan
        52
    SourceMan  
       2018-01-15 09:52:05 +08:00
    https://github.com/Bilibili/flv.js/

    看了下,大佬不是 17 天之前还 bump 了一个版本吗?
    qinxi
        53
    qinxi  
       2018-01-15 09:54:00 +08:00
    @subdued 这个功能 pornhub 也有
    JohnSmith
        54
    JohnSmith  
       2018-01-15 10:19:32 +08:00
    @SourceMan 作者目前的状态是在日本一边求学一边维护项目
    ligo
        55
    ligo  
       2018-01-15 10:26:56 +08:00 via Android
    我之前在 10 年的老爷机上用 chrome 63 看 b 站用 h5 会卡 flash 正常,后来关掉浏览器硬解之后就流畅了,cpu 占用只是略微上升
    ZhLTE
        56
    ZhLTE  
       2018-01-15 10:28:29 +08:00
    @qdwang 有啊 70s 不可跳过 打扰了
    f2f2f
        57
    f2f2f  
    OP
       2018-01-15 10:36:04 +08:00
    @ligo safari 没法关,现在看 b 站 cpu 长期 40%以上
    lwbjing
        58
    lwbjing  
       2018-01-15 10:43:06 +08:00
    5K 的大佬走了,他们招了两 2.5K 的估计。。
    Love4Taylor
        59
    Love4Taylor  
       2018-01-15 12:00:07 +08:00
    @ZhLTE #56 70s ? 哪个视频的广告?
    Love4Taylor
        60
    Love4Taylor  
       2018-01-15 12:03:30 +08:00
    事实上我想吐槽的是直播部分的播放... 不知道算不算是直播网站的通病, 首页看纯播放器没有弹幕列表的时候占用很低, 进去之后有弹幕列表在不停刷弹幕的时候占用升高好多...
    ZhLTE
        61
    ZhLTE  
       2018-01-15 12:39:24 +08:00
    @Love4Taylor 上次吃东西看看齐神 点进去就是 70s
    feverzsj
        62
    feverzsj  
       2018-01-15 12:55:39 +08:00
    b 站上都是些删减的,剧集也不全,还有一堆城乡结合部土鳖,现在直接 dht 搜索,popcorn 在线看,速度超快
    xmoiduts
        63
    xmoiduts  
       2018-01-15 12:58:41 +08:00 via Android
    @Love4Taylor 哦那还真是不幸。个人不太喜欢各大网站都存在 /喜爱 /力推的,语气夸张的带有煽动性的标题——包括但不限于“震惊”,“用了这个东西,问题跑光光”。
    以后,估计看得会少很多吧,不过为了看完的番,还是充了大会员的,算是补票。
    JerryCha
        64
    JerryCha  
       2018-01-15 13:16:16 +08:00
    html5 播放器不知道是不是乱序加载,反正有时看到连接速度差不多跑满但是愣是卡住下几秒加载不出来的情况
    pynix
        65
    pynix  
       2018-01-15 13:45:22 +08:00
    赶紧买大会员。。。。。哈哈哈哈。。。
    changlers
        66
    changlers  
       2018-01-15 15:57:23 +08:00
    斗鱼的其实更卡,上次看胖头鱼直播,几分钟就要白屏一次
    bobchen
        67
    bobchen  
       2018-01-16 12:53:59 +08:00
    我倒是觉得 b 站的首页越来越卡了。
    ranleng
        68
    ranleng  
       2018-01-16 15:38:19 +08:00
    @changlers 被降权了?? 我收不到你的回复...
    changlers
        69
    changlers  
       2018-01-16 16:18:54 +08:00
    @ranleng 不会吧,我能收到你的回复呀,降权是什么鬼
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5460 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 03:20 · PVG 11:20 · LAX 19:20 · JFK 22:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.