首页 > 编程语言> 文章详细

在Youtube Javascript API中区分快进和暂停事件

2019-05-29 12:24:01 阅读：182 来源： 互联网

标签：javascript youtube-api

我正在使用Youtube Javascript API加载和播放网站嵌入视频.

当用户单击播放,暂停等时,存在表示这些状态的整数.例如：

YT.PlayerState.ENDED
YT.PlayerState.PLAYING
YT.PlayerState.PAUSED
YT.PlayerState.BUFFERING
YT.PlayerState.CUED

为快进发送了什么状态消息？

请注意,当我说快进时,我的意思是拖动视频定时器,使视频前进或返回到视频中的某个点.

你知道当有人快进时我怎么能发现？

*编辑：*
经过一些检查后,我确定当你拖动时间条时,会发送消息YT.PlayerState.PAUSED.这是一个主要问题,因为当用户暂停视频时,我会将视频缩小回原始大小.但是因为快进发送相同的消息作为暂停,视频将在某人快进的时候收缩,这是不应该发生的.

我有什么想法可以区分暂停和快进？

解决方法:

当用户“快进”或“曲目”时,似乎没有发送任何事件.所以我想出了自己的快速检测方法.

If more than 1 PAUSE event is dispatched in a row: then the user is “Tracking” (Fast forwarding)

If 1 and only 1 PAUSE event is dispatched: then the user has paused.

<script>
    var PAUSE_EVT_STACK = 0;

    function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PAUSED)
            PAUSE_EVT_STACK++;
        if (event.data == YT.PlayerState.PLAYING)
            PAUSE_EVT_STACK = 0;

        if (event.data == YT.PlayerState.PAUSED && PAUSE_EVT_STACK <= 1)
            console.log("Pause pressed");
        else if (event.data == YT.PlayerState.PAUSED && PAUSE_EVT_STACK > 1) {
            console.log("Tracking occuring");
            console.log("Hey! Dont fast forward during my ad you douche");
        }
    }

  function loadYouTubeVideo(uid) {
    setTimeout( function() {
        var instPlayer = new YT.Player(uid, {
            height: 480,
            width: 853,
            enablejsapi: 1,
            suggestedQuality: 'highres',
            videoId: uid,
            events: {
                    'onStateChange': onPlayerStateChange
            }
        });
    }, 500);
  }
</script>

标签：javascript,youtube-api
来源： https://codeday.me/bug/20190529/1177767.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

在Youtube Javascript API中区分快进和暂停事件