From 023de1ad31c5b3f958ddb49f24f50f7503f9ee51 Mon Sep 17 00:00:00 2001
From: zhouliujun <1096432931@qq.com>
Date: Wed, 13 Jan 2021 17:18:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=89=88=E6=9C=AC=E5=92=8C?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                      |  4 ++--
 examples/App.vue               | 42 +++++++++++++++++++++++++++++++---
 packages/AliplayerV2/index.vue | 38 +++++++++++++++++++++++++-----
 3 files changed, 73 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 8ddc940..0e21016 100644
--- a/README.md
+++ b/README.md
@@ -410,9 +410,9 @@ npm run lint
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).
 
-## 更新日志
+## 更新日志 
 
-> v1.2.8 
+> v1.2.8  更换底层默认sdk版本为2.9.3 修复options 遇到 update loop 错误 感谢"litmonw"网友的反馈与建议.
 
 > v1.2.7 更换底层默认sdk版本为2.9.1的版本. 更新线上演示demo的选项
 
diff --git a/examples/App.vue b/examples/App.vue
index 04a4574..104e82f 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -1,7 +1,7 @@
 <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"/>
         </template>
         <div v-if="isShowMultiple && show" class="show-multiple">
             <template v-for="x in 5">
@@ -59,8 +59,44 @@ export default {
             options: {
                 // source:'//player.alicdn.com/video/aliyunmedia.mp4',
                 isLive: !true,   //切换为直播流的时候必填
-                useFlashPrism: false,    //指定为flash
-                disableSeek: true //禁用进度条的Seek，默认值为false
+                skinLayout: [
+                {
+                    'name': 'bigPlayButton',
+                    'align': 'blabs',
+                    'x': 30,
+                    'y': 80
+                },
+                {
+                    'name': 'infoDisplay'
+                },
+                {
+                    'name': 'controlBar',
+                    'align': 'blabs',
+                    'x': 0,
+                    'y': 0,
+                    'children': [
+                        {
+                            'name': 'liveDisplay',
+                            'align': 'tlabs',
+                            'x': 15,
+                            'y': 6
+                        },
+                        {
+                            'name': 'fullScreenButton',
+                            'align': 'tr',
+                            'x': 10,
+                            'y': 10
+                        },
+                        {
+                            'name': 'volume',
+                            'align': 'tr',
+                            'x': 5,
+                            'y': 10
+                        }
+                    ]
+                }]
+                // useFlashPrism: false,    //指定为flash
+                // disableSeek: true //禁用进度条的Seek，默认值为false
             },
             source: '//player.alicdn.com/video/aliyunmedia.mp4',
             // source: '//ivi.bupt.edu.cn/hls/cctv1.m3u8',
diff --git a/packages/AliplayerV2/index.vue b/packages/AliplayerV2/index.vue
index adf4264..da47297 100644
--- a/packages/AliplayerV2/index.vue
+++ b/packages/AliplayerV2/index.vue
@@ -18,12 +18,12 @@ export default {
         cssLink:{   //css版本源
             required: false,
             type: [String],
-            default: `https://g.alicdn.com/de/prismplayer/2.9.1/skins/default/aliplayer-min.css`
+            default: `https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css`
         },
         scriptSrc:{ //js版本源
             required: false,
             type: [String],
-            default: `https://g.alicdn.com/de/prismplayer/2.9.1/aliplayer-min.js`
+            default: `https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js`
         }
     },
     data () {
@@ -34,6 +34,8 @@ export default {
                 id: null,  //播放器的ID
                 width: '100%',
                 autoplay: true,
+                skinLayout: false,
+                progressMarkers: false
                 // isLive: true,
                 //支持播放地址播放,此播放优先级最高
                 // source: 'rtmp://182.145.195.238:1935/hls/1194076936807170050',
@@ -127,9 +129,9 @@ export default {
 
         options:{   //配置项是对象,只能深度监听
             handler(){
-               this.init();
+                this.init();
             },
-            deep:true
+            deep: true
         }
     },
     mounted () {
@@ -189,10 +191,10 @@ export default {
          */
         initPlayer(){
             if(typeof window.Aliplayer != 'undefined') {
-                const options = this.options;
+                const options = this.deepCloneObject(this.options);
                 if(options){
                     for (const key in options) {
-                       this.config[key] = options[key];
+                        this.config[key] = options[key];
                     }
                 }
                 if(this.source) this.config.source = this.source; //播放源
@@ -483,7 +485,31 @@ export default {
          */
         off(ev,handle){
             this.player && this.player.off(ev,handle);
+        },
+
+
+        /**
+         * 深度拷贝
+         * @param {*} obj
+         */
+        deepCloneObject (obj) {
+            let objClone = Array.isArray(obj) ? [] : {};
+            if (obj && typeof obj === 'object') {
+                for (let key in obj) {
+                    if (obj.hasOwnProperty(key)) {
+                        //判断ojb子元素是否为对象，如果是，递归复制
+                        if (obj[key] && typeof obj[key] === 'object') {
+                            objClone[key] = this.deepCloneObject(obj[key]);
+                        } else {
+                            //如果不是，简单复制
+                            objClone[key] = obj[key];
+                        }
+                    }
+                }
+            }
+            return objClone;
         }
+
     },
     beforeDestroy(){  //防止重复创建
         this.dispose(); //销毁播放器(防止直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的bug)