4

我们正在使用外部清理器（不是默认搜索栏的 UI 元素）进行搜索（通过 jquery ui draggable），并且它不会在应该更新 jwplayer 时进行更新。

我们的代码概要：

$('#scrubber').draggable({

    // ...

    stop: function (event, ui) {

        $('#scrubber').draggable('enable');

        var intSecFromEnd,
            intSeek,
            intTotalTime = 0,
            intScrubPosition = ui.position.left,
            intScrubTime = intScrubPosition;

        // Find which video in the playlist to use
        $.each(playlist, function (i, obj) {

            intTotalTime += parseInt(obj.duration);

            if (intTotalTime > (intScrubTime)) {

                intSecFromEnd = intTotalTime - parseInt(intScrubTime);
                intSeek = Math.floor((parseInt(obj.duration) - intSecFromEnd));

                jwplayer('videoPlayer').load(playlist);
                jwplayer('videoPlayer').playlistItem(i);
                jwplayer('videoPlayer').seek(intSeek);
                jwplayer('videoPlayer').pause();


                /*
                    Play the video for 1 second to refresh the video player, so it is correctly displaying the current point in the video
                    Does not work either
                */
                // setTimeout(function () {
                //     jwplayer('videoPlayer').pause();
                // }, 1000);

                return false;
            }
        });
    }
});

你会注意到关键位：

jwplayer('videoPlayer').load(playlist);
jwplayer('videoPlayer').playlistItem(i);
jwplayer('videoPlayer').seek(intSeek);
jwplayer('videoPlayer').pause();

当我用整数值直接将它放入控制台时，它在哪里intSeek完全按照它应该的方式工作，所以我很困惑断开连接可能在哪里。

变化（仅适用于播放列表中的一项）

这仅适用于播放列表的第一个成员，因为 seek() 函数默认为0播放列表中的元素。

jwplayer('videoPlayer').load(playlist);
jwplayer('videoPlayer').seek(intSeek);
jwplayer('videoPlayer').pause();

自然地，jwplayer('videoPlayer').playlistItem(i)在我们想要的索引处检索项目是有道理的，并且根据文档，应该：

在指定索引处开始播放播放列表项。

但是，由于这实际上是第一个示例中的内容，因此它不起作用。

笔记

  • 当.seek()从播放器外部触发该方法时，该onSeek()方法永远不会被 jwplayer 触发。

  • 放入以下内容，jwplayeronReady事件永远不会被触发。jwplayer(strVideo).playlistItem(i).onReady({ console.log('ready'); });

4

1 回答 1

1

我们正在尝试 onPlaylistItem(index).seek(seconds) 但这不起作用。这仅适用于活动播放列表项，当然-仅适用于第一个文件。

我们正在尝试为每个播放列表项目使用带有搜索按钮的预加载播放列表。我们使用包含更多文件的播放列表，用户可以转到特定文件并再次单击调用的按钮：

jwplayer().onPlaylistItem(<index_file>).seek(seconds);

这会跳转到秒，但不会跳转到正确的播放列表项。

使用“playListItem”进行先前的测试，播放器跳转到正确的文件，但从头开始，而不是寻找秒。（但只能在 html5 模式下工作，而不是 Flash）。

现在我们已经测试了这段代码 

<a onclick='var only_once =false;jwplayer().playlistItem(1);jwplayer().onPlay(function () {  
if (only_once == false) {
        only_once = true;
          jwplayer().seek(60);
    }
});' class="btn">HLS play 2nd file at 1 min</a>

但此解决方案仅适用于 Flash 模式，不适用于 html 5 模式播放器！

于 2014-10-16T09:36:51.987 回答