Merge pull request #63 from william-xue/feature/add-function-forbidfastforward

Feature/add function forbidfastforward  增加禁止拖拽快进播放属性

examples/App.vue

@@ -1,7 +1,9 @@
 <template>
     <div id="app">
         <template v-if="!isShowMultiple && show">
-            <vue-aliplayer-v2 :source="source" ref="VueAliplayerV2" :options="options"/>
+            <vue-aliplayer-v2 :source="source" ref="VueAliplayerV2" :options="options"
+            :forbidFastForward="forbidFastForward"
+            />
         </template>
         <div v-if="isShowMultiple && show" class="show-multiple">
             <template v-for="x in 5">
@@ -11,11 +13,13 @@
         <p class="remove-text" v-if="!show">播放器已销毁!</p>
         <div class="player-btns">
             <template v-if="!isShowMultiple && show">
+                
                 <span @click="play()">播放</span>
                 <span @click="pause()">暂停</span>
                 <span @click="replay()">重播</span>
                 <span @click="getCurrentTime()">播放时刻</span>
                 <span @click="getStatus()">获取播放器状态</span>
+                <span @click="handlerForbidFastForward()">禁止快进</span>
             </template>
             <span @click="show = !show">{{ show ? '销毁' : '重载' }}</span>
             <span @click="options.isLive = !options.isLive">{{ options.isLive ? '切换普通模式' : '切换直播模式' }}</span>
@@ -101,6 +105,7 @@ export default {
             source: '//player.alicdn.com/video/aliyunmedia.mp4',
             // source: '//ivi.bupt.edu.cn/hls/cctv1.m3u8',
             show: true,
+            forbidFastForward:false,
             isShowMultiple: false,
         }
     },
@@ -118,6 +123,11 @@ export default {
         replay(){
             this.$refs.VueAliplayerV2.replay();
         },
+        handlerForbidFastForward(){
+           
+            this.forbidFastForward = true
+
+        },
 
         getCurrentTime(){
             // this.$refs.VueAliplayerV2.getCurrentTime();

packages/AliplayerV2/index.vue

@@ -5,6 +5,11 @@
 export default {
     name: 'VueAliplayerV2',
     props: {
+        forbidFastForward:{
+            required: false,
+            type: [Boolean],
+            default: false
+        },
         options: {  //配置项
             required: false,
             type: [Object],
@@ -124,6 +129,10 @@ export default {
         source(){ //监听播放源变化
             this.init();
         },
+        forbidFastForward(){
+            this.init();
+
+        },
 
         options:{   //配置项是对象,只能深度监听
             handler(){
@@ -144,7 +153,9 @@ export default {
         });
     },
     methods: {
+        handlerFastForward(){
 
+        },
         /**
          * 创建script和css
          * 加载Alipayer的SDK
@@ -205,6 +216,29 @@ export default {
                         this.$emit(this.events[ev],e);
                     });
                 }
+
+                if(this.forbidFastForward){
+
+                
+                let last = 0,max_time=0;
+                this.player.on('timeupdate',function(){
+                    let current = this.getCurrentTime();
+                     if(current - last > 2) {
+                            this.seek(last);
+                        } else {
+                            last = current;
+                            if(last >= max_time){
+                                max_time=last;
+                            }
+                        }
+
+
+
+
+
+                })
+            }
+
                 //通过播放器实例的off方法取消订阅
                 //player.off('ready',handleReady);
             }