zoukankan      html  css  js  c++  java
  • 【小白入门教程】3 分钟搞明白直播中拖动不准的问题

    《直播技术详解》系列文章之后,我们推出了这个新的系列《直播疑难杂症排查》,把解决直播问题的经验逐步分享出来,同时也会穿插一些音视频开发的基础知识和优化经验,希望能够帮助到直播领域的开发者们。


    本系列会涵盖的内容包括但不限于如下一些主题:

    本文为 《直播疑难杂症排查》系列的第九篇文章,我们重点看看播放视频时拖动不准的问题。

    问题现象

    播放过程中,拖动进度条后,实际播放的位置跟松开拖动时的位置相差很远。

    问题排查

    由于直播流是实时产生和传输的,是不能拖动的,因此该问题主要出现在 「点播」 或者 「本地文件」 的播放。

    1.基本概念

    首先,我们要了解播放器拖动的基本原理:
    视频是由一系列图像帧组成的,每一个帧都有对应的时间戳。拖动,就是告诉播放一个时间戳,由它直接跳转到指定的这一帧开始播放。

    拖动到的时间点 = (进度条的 progress / 进度条最大值 100 )x 视频总时长

    2.关键帧间隔太大

    由于解码器必须从 I 帧开始解码,才不会出现花屏现象,因此,播放器通常会寻找离 seekTo 视频帧最近的一个关键帧,从该关键帧开始解码播放。
    假设关键帧间隔(GOP)是 3s,那么关键帧的时间点排列如下:

    0s, 3s, 6s, 9s

    如果拖动到 4s 的位置,那么播放器就跳转到第 3s 的关键帧开始解码播放,因此,会产生一定的误差。

    关键帧的间隔越大,那么这个误差也就越大。因此,为了更准确地支持拖动,建议不要把关键帧间隔设置得太大。

    3.直播丢帧

    丢帧的情况多发生在直播场景,由于主播端的网络抖动或者内存不足,导致不得不被迫丢掉一些视频帧,而为了保证客户端解码后不出现花屏,丢帧往往伴随着一整个 GOP 的丢弃。

    当 GOP 丢失后,部分关键帧的间隔时间点就会变得更大了,从而导致拖动不准。

    为了避免这种情况,建议推流端开启动态码率,在网络不好的时候,主动降低码率,快速发送掉缓冲区中累积的视频帧,从而减少丢帧的情况发生。


    推荐阅读:视频直播技术详解

  • 相关阅读:
    .ellipsis 超过的部分显示省略号
    js 里面上一页和下一页
    CSS让你的IE浏览器崩溃(Crash your IE)作者:雪候鸟 来源: 风雪之隅
    元素居中显示
    jquery Carousel
    tabs 选择加载
    弹出窗
    下拉广告`
    opacity
    小波分析实验: 实验1 连续小波变换
  • 原文地址:https://www.cnblogs.com/qiniu/p/7016344.html
Copyright © 2011-2022 走看看