VideoJS如何增加缓冲大小？

Question

我试着用VideoJS来玩HLS。基本上，流本身工作正常，但缓冲区大小似乎太小，视频每隔几秒钟/分钟就延迟1-2秒。是否有任何方法来增加分段预加载的实际大小？目前，我已经像这样实现了VideoJS：

...
        <div class="container-fluid">
            <div class="row">
                <div class="player-center">
                    <video-js autoplay id=player class="vjs-fluid" controls="true">
                        <source src="{{ playlist_url }}" type="application/x-mpegURL">
                    </video-js>
                    <script src="{% static 'videojs_old/video.js' %}"></script>
                    <script src="{% static 'videojs_old/videojs-http-streaming.js' %}"></script>
                    <script>
                        videojs.Vhs.xhr.beforeRequest = function(options) {
                        options.headers = options.headers || {};
                        options.headers.Authorization = "{{ access_token }}";

                        console.log('options', options)
                        return options;
                        };
                        var player = videojs('player',
                            {fill: false},
                            {autoplay: true},
                            {responsive: true},
                            {fluid: true},
                            {GOAL_BUFFER_LENGTH: 100},
                            {CMAX_GOAL_BUFFER_LENGTH: 150},
                            {preload: "auto"});
                        player.play();
                    </script>
                </div>
            </div>
        </div>

但GOAL_BUFFER_LENGTH和CMAX_GOAL_BUFFER_LENGTH似乎都有任何影响。

Answer 1

常量不是播放器级选项。此外，您只能传递一个options对象。

videojs.Vhs.GOAL_BUFFER_LENGTH = 100;
videojs.Vhs.MAX_GOAL_BUFFER_LENGTH = 150;
var player = videojs('player', {
  fill: false,
  autoplay: true,
  responsive: true,
  fluid: true,
  preload: "auto"
});