@shijiu/jsview-vue 0.9.426 → 0.9.490

package/utils/JsViewPlugin/JsvPlayer/JsvMedia.js

@@ -1,34 +1,49 @@
 /* eslint-disable no-prototype-builtins */
+import {getPluginInfo} from './GetVersion'
 
-let MediaPluginInfo={
-    //downloadUrl:"http://192.168.0.37:8080/plugin/JsvPlayer-6.0.zip", //插件下载地址
-    packageName:"com.qcode.jsvplayer",
-    name:"播放器插件",
-    version:"1.3.7",  //插件需要的版本号
-    versionCodeMin:137,
-    versionCodeMax:137,
-    bridgeName:"jsvPlayerBridge", //插件bridge注册到jsview的名称
-    className:"com.qcode.jsvplayer.JsvPlayer",  //插件初始化类名称
-    initMethod:"createInstance",   //插件初始化方法
-    listener:"top.JsvPlayerPluginLoadResult",  //插件加载结果回调
-    listener2: "top.JsvPlayerPluginStatus",
-    // debug:true,
-    // md5:"9fca9d2dc29468d332961b0be3e8081e"
-};
-
-function reconfigMediaPluginInfo(){
-    if(typeof window.jJsvRuntimeBridge!=='undefined' && window.jJsvRuntimeBridge && typeof window.jJsvRuntimeBridge.getPluginBaseUrl !== "undefined"){
-        let plugin_base_url = window.jJsvRuntimeBridge.getPluginBaseUrl();
-        if(plugin_base_url){
-            MediaPluginInfo.downloadUrl = (plugin_base_url[plugin_base_url.length-1]==="/"?plugin_base_url:(plugin_base_url+"/"))+MediaPluginInfo.packageName+"/JsvPlayer-137.zip?md5=14aff2c55c94c1963d76b617504576c9";
-        }
-    }
-}
+let MediaPluginInfo = getPluginInfo();
 
 var mediaArray = [];
 
 var pluginLoadListener = [];
 
+let LOG_LEVEL_FATAL = 5;
+let LOG_LEVEL_ERROR = 4;
+let LOG_LEVEL_WARNING = 3;
+let LOG_LEVEL_DEBUG = 2;
+let LOG_LEVEL_TRACE = 1;
+let LogLevel = LOG_LEVEL_DEBUG;
+function logPrint(level, message){
+    if(level >= LogLevel){
+        console.log(message);
+    }
+}
+
+function logFatal(message){
+    logPrint(LOG_LEVEL_FATAL, message);
+}
+
+function logError(message){
+    logPrint(LOG_LEVEL_ERROR, message);
+}
+
+function logWarning(message){
+    logPrint(LOG_LEVEL_WARNING, message);
+}
+
+function logDebug(message){
+    logPrint(LOG_LEVEL_DEBUG, message);
+}
+
+function logTrace(message){
+    logPrint(LOG_LEVEL_TRACE, message);
+}
+
+function setLogLevel(level){
+    LogLevel = level;
+}
+
+
 /** 
  * 0：未加载；
  * 1：开始加载；
@@ -40,7 +55,7 @@ var pluginLoadListener = [];
 var pluginLoadState = 0; 
 
 window.top.JsvPlayerPluginStatus = function(status){
-    console.log("JsvPlayerPluginStatus: "+status);
+    logDebug("JsvPlayerPluginStatus: "+status);
     let ret = JSON.parse(status);
     
     let plugin_status = 2;
@@ -57,7 +72,7 @@ window.top.JsvPlayerPluginStatus = function(status){
 }
 
 window.top.JsvPlayerPluginLoadResult = function (result) {
-    console.log("JsvPlayerPluginLoadResult: "+result);
+    logDebug("JsvPlayerPluginLoadResult: "+result);
     var ret_obj = JSON.parse(result)
     let plugin_status = 1;
     if(ret_obj && (ret_obj.status === 4 || ret_obj.status === 1)){
@@ -69,6 +84,10 @@ window.top.JsvPlayerPluginLoadResult = function (result) {
     }else{
         pluginLoadState = 5;
     }
+
+    if(pluginLoadState === 5){
+        logFatal("*************************JsvPlayer plugin load failed, error code is "+ret_obj.status+"*************************");
+    }
     
     for(let i=0; i<mediaArray.length; i++){
         mediaArray[i].buildPlatformInstance();
@@ -80,7 +99,7 @@ window.top.JsvPlayerPluginLoadResult = function (result) {
 }
 
 window.top.CreatePlayerResult = function (result) {
-    console.log("CreatePlayerResult: "+result);
+    logDebug("CreatePlayerResult: "+result);
     let result_obj = JSON.parse(result);
     if(result_obj.code == 0){
         for(var i=0; i<mediaArray.length; i++){
@@ -90,7 +109,7 @@ window.top.CreatePlayerResult = function (result) {
             }
         }
     }else{
-        console.log("Create player failed, key="+result_obj.key);
+        logError("Create player failed, key="+result_obj.key);
     }
 }.bind(this);
 
@@ -107,7 +126,7 @@ window.top.CreatePlayerResult = function (result) {
  * 备注：不管插件加载处于什么状态，都可以正常使用播放器组件，播放器对象在插件未加载完成的情况下，会把相关状态保存，等完成加载后再自动下发。
  */
 function globalLoadJsvPlayerPlugin(listener){
-    console.log("globalLoadJsvPlayerPlugin");
+    logDebug("globalLoadJsvPlayerPlugin");
     let plugin_status = 0;
     if(typeof window.jPluginManagerBridge==='undefined' || !window.jPluginManagerBridge){
         plugin_status = 1;
@@ -137,8 +156,6 @@ function globalLoadJsvPlayerPlugin(listener){
     }
     pluginLoadState = 1;
 
-    reconfigMediaPluginInfo();
-
     window.jPluginManagerBridge.LoadPlugin(JSON.stringify(MediaPluginInfo));
 }
 
@@ -168,7 +185,10 @@ class JsvBaseMedia {
 			startTime: 0.0,
             currentTime: 0.0,
 			aspectRatio: "origin",
-            keepLastFrame: false,
+            keepLastFrame: true,
+            timeUpdateLess: false,
+            rate: 1.0,
+            volume: 1.0,
         };
         
 		this.local = {
@@ -176,6 +196,7 @@ class JsvBaseMedia {
 			playableDuration: 0.0,
 			duration: 0.0,
 			isRenderable: false,
+            paused: true,
         };
         
         this.type = type;
@@ -188,7 +209,9 @@ class JsvBaseMedia {
         this.designMapWidth = design_map_width;
         this.channelID = -1;
         this.ref = 1;
+        this.appVisible = window.JsView&&window.JsView.getVisibility?(window.JsView.getVisibility()==="show"):true;
         this._onEvent = this.onEvent.bind(this);
+        this._onVisibilityChangeCallBack = this.onVisibilityChangeCallBack.bind(this);
 
         let found = false;
         for(let i=0; i<mediaArray.length; i++){
@@ -214,7 +237,7 @@ class JsvBaseMedia {
      */
     buildPlatformInstance() {
         if(typeof window.jsvPlayerBridge=='undefined' || !window.jsvPlayerBridge){
-            console.log("no jsvPlayerBridge");
+            logError("no jsvPlayerBridge");
             return;
         }
 
@@ -236,26 +259,37 @@ class JsvBaseMedia {
         this.playerCreate = true;
 
         window.JMD.subscribe(this.key, this._onEvent);
+        if (window.JsView && window.JsView.onVisibilityChange) {
+            logDebug("playerKey: "+this.key+", onVisibilityChange register");
+            window.JsView.onVisibilityChange(this._onVisibilityChangeCallBack);
+        }
 
-        console.log("InitPlayer:1");
+        logDebug("InitPlayer:1");
         if(this.holeIdModify !== this.holeId){
             window.jsvPlayerBridge.setHoleID(this.key, this.holeIdModify);
             this.holeId = this.holeIdModify;
         }
 
-        if(this.state["src"])
-            this.setState("src", this.state["src"], "string");
-        else if(this.channelID >= 0){
-            this.joinChannel(this.channelID);
+        this.appVisible = window.JsView&&window.JsView.getVisibility?(window.JsView.getVisibility()==="show"):true;
+
+        if(this.appVisible){
+            this.initParams();
         }
+    }
 
-        console.log("InitPlayer:3");
-        if(this.state["currentTime"]){
-            this.setState("currentTime", this.state["currentTime"], "number");
-        }else if(this.state["startTime"]){
-            this.setState("startTime", this.state["startTime"], "number");
+    initParams(){
+        if(this.channelID >= 0){
+            this.joinChannel(this.channelID);
+        }else if(this.state["src"]){
+            this.setState("src", this.state["src"], "string");
+            if(this.state["currentTime"]){
+                this.setState("currentTime", this.state["currentTime"], "number");
+            }else if(this.state["startTime"]){
+                this.setState("startTime", this.state["startTime"], "number");
+            }
         }
 
+        logDebug("InitPlayer:2");
         if(this.state["paused"] == false){
             this.setState("paused", this.state["paused"], "boolean");
         }
@@ -271,6 +305,46 @@ class JsvBaseMedia {
         if(this.state["muted"]){
             this.setState("muted", this.state["muted"], "boolean");
         }
+
+        if(this.state["timeUpdateLess"]){
+            this.setState("timeUpdateLess", this.state["timeUpdateLess"], "boolean");
+        }
+
+        if(this.state["keepLastFrame"] == false){
+            this.setState("keepLastFrame", this.state["keepLastFrame"], "boolean");
+        }
+
+        if(this.state["aspectRatio"] !== "origin"){
+            this.setState("aspectRatio", this.state["aspectRatio"], "string");
+        }
+    }
+
+    onVisibilityChangeCallBack(){
+        let visible = window.JsView&&window.JsView.getVisibility?(window.JsView.getVisibility()==="show"):true;
+        logDebug("playerKey:"+this.key+", 小程序可见状态: "+visible);
+        if(visible){
+            this.appVisible = visible;
+            this.state.paused = this.local.paused;
+            this.state.currentTime = this.local.currentTime;
+            logDebug("currentTime: "+this.state.currentTime);
+            this.initParams();
+        }else{
+            logDebug("playerKey:"+this.key+", playerCreate: "+this.playerCreate+", channelID: "+this.channelID+", src: "+this.state["src"]);
+            if(this.playerCreate){
+                if(this.channelID > 0){
+                    logDebug("leaveChannel");
+                    window.jsvPlayerBridge.leaveChannel(this.key);
+                }else if(this.state["src"]){
+                    logDebug("unload");
+                    this.local.currentTime = this.currentTime;
+                    this.local.paused = this.paused;
+                    logDebug("currentTime: "+this.local.currentTime);
+                    this.unload();
+                }
+            }
+            this.appVisible = visible;
+        }
+        
     }
 
     /**
@@ -289,6 +363,10 @@ class JsvBaseMedia {
             if(typeof window.jsvPlayerBridge != "undefined" && window.jsvPlayerBridge){
                 window.JMD.unsubscribe(this.key, this._onEvent);
                 window.jsvPlayerBridge.ReleasePlayer(this.key);
+                if (window.JsView && window.JsView.removeEventCallback) {
+                    logDebug("playerKey: "+this.key+", onVisibilityChange unregister");
+                    window.JsView.removeEventCallback(this._onVisibilityChangeCallBack);
+                }
             }
 
             for(let i=0; i<mediaArray.length; i++){
@@ -315,6 +393,7 @@ class JsvBaseMedia {
      * 私有接口，外部不需要调用此接口。
      */
     onEvent(event_str){
+        logTrace("player event: "+event_str);
         let obj = JSON.parse(event_str);
         let event_obj = JSON.parse(obj.param);
         let event = event_obj.event;
@@ -322,7 +401,7 @@ class JsvBaseMedia {
         switch(event){
             case "onProgress":
                 {
-                    //console.log("onProgress:"+data);
+                    // logDebug("onProgress:"+data);
                     if (this.local.isRenderable == false) {
                         return;
                     }
@@ -353,13 +432,13 @@ class JsvBaseMedia {
                 }
                 break;
             case "onLoadStart":
-                console.log("onLoadStart:"+data);
+                logDebug("onLoadStart:"+data);
                 if(this.hasOwnProperty("onloadstart")){
                     this["onloadstart"]();
                 }
                 break;
             case "onLoad":
-                console.log("onLoad:"+data);
+                logDebug("onLoad:"+data);
                 this.local.currentTime = data.currentTime;
                 this.local.duration = data.duration;
 
@@ -376,7 +455,7 @@ class JsvBaseMedia {
                 }
                 break;
             case "onError":
-                console.log("onError:"+data);
+                logDebug("onError:"+data);
                 this.local.isRenderable = false;
                 if(this.hasOwnProperty("onerror")){
                     const Error = {
@@ -398,21 +477,21 @@ class JsvBaseMedia {
                         case -1010 : // MediaPlayer.MEDIA_ERROR_UNSUPPORTED
                             e = Error.MEDIA_ERR_SRC_NOT_SUPPORTED;
                             break;
-                        case -10001:
+                        case -50001:
                             e = Error.MEDIA_ERR_ONLY_ONE_4K;
                     }
                     this["onerror"](e);
                 }
                 break;
             case "onSeek":
-                console.log("onSeek:"+data);
+                logDebug("onSeek:"+data);
                 this.local.isRenderable = false;
                 if(this.hasOwnProperty("onseeking")){
                     this["onseeking"]();
                 }
                 break;
             case "onEventExt":
-                console.log("onEventExt:"+data);
+                logDebug("onEventExt:"+data);
                 switch (data.eventExt) {
                     case "videoMetadataUpdate" :
                         if (this.hasOwnProperty("onloadedmetadata")) {
@@ -426,18 +505,18 @@ class JsvBaseMedia {
                         }
                         break;
                     default:
-                        console.warn("unimplentation event ext type = " + data.eventExt);
+                        logWarning("unimplentation event ext type = " + data.eventExt);
                         break;
                 }
                 break;
             case "onAudioFocusGain":
-                console.log("onAudioFocusGain:"+data);
+                logDebug("onAudioFocusGain:"+data);
                 if(this.hasOwnProperty("onaudiofocusgain")){
                     this["onaudiofocusgain"](data);
                 }
                 break;
             case "onAudioFocusLoss":
-                console.log("onAudioFocusLoss:"+data);
+                logDebug("onAudioFocusLoss:"+data);
                 if(this.hasOwnProperty("onaudiofocusloss")){
                     this["onaudiofocusloss"](data);
                 }
@@ -460,6 +539,30 @@ class JsvBaseMedia {
                     this["oncanplay"]();
                 }
                 break;
+            case "onTimeShift":
+                logDebug("onTimeShift");
+                if(this.hasOwnProperty("ontimeshift")){
+                    this["ontimeshift"](data.seekTime);
+                }
+                break;
+            case "onTimeShifted":
+                logDebug("onTimeShifted");
+                if(this.hasOwnProperty("ontimeshifted")){
+                    this["ontimeshifted"]();
+                }
+                break;
+            case "onBackLive":
+                logDebug("onBackLive");
+                if(this.hasOwnProperty("onbacklive")){
+                    this["onbacklive"]();
+                }
+                break;
+            case "onBackLived":
+                logDebug("onBackLived");
+                if(this.hasOwnProperty("onbacklived")){
+                    this["onbacklived"]();
+                }
+                break;
             default:
                 break; 
        }
@@ -476,22 +579,32 @@ class JsvBaseMedia {
      * 属性，double类型，当前时间，单位秒，set用于seek操作（起播后）或者设置起播时间（起播前），get用于读取当前时间。
      */
     get currentTime() {
+        if(!this.appVisible){
+            return this.local.currentTime;
+        }
+
         let result = this.getProperty("currentTime");
-        if(result != null)
+        if(result != null){
+            this.local.currentTime = result;
             return result;
+        }
         return 0;
     }
 
     set currentTime(value) {
         this.local.isRenderable = false;
         this.local.currentTime = value;
-		this.setState("seek", value, "number");
+		this.setState("currentTime", value, "number");
     }
 
     /**
      * 属性，double类型，总时长，单位秒，只支持读取。
      */
     get duration() {
+        if(!this.appVisible){
+            return this.local.duration;
+        }
+
         let result = this.getProperty("duration");
         if(result != null)
             return result;
@@ -527,11 +640,7 @@ class JsvBaseMedia {
      * 属性，boolean类型，当前pause状态，只支持读取。
      */
     get paused() {
-        let result = this.getProperty("paused");
-        if(result != null)
-            return result;
-
-        return true;
+        return this.getState("paused");
     }
 
     /**
@@ -542,7 +651,7 @@ class JsvBaseMedia {
     }
 
     set playbackRate(value) {
-        console.log("playbackRate")
+        logDebug("playbackRate")
         this.setState("rate", value, "number");
     }
 
@@ -571,11 +680,7 @@ class JsvBaseMedia {
      * 属性，float类型，播放器音量，0-1.0，只影响当前播放器实例。
      */
     get volume() {
-        let result = this.getProperty("volume");
-        if(result != null)
-            return result;
-
-        return 0;
+        return this.getState("volume");
     }
 
     set volume(value) {
@@ -658,6 +763,7 @@ class JsvBaseMedia {
      * 暂停
      */
     pause() {
+        this.local.paused = true;
         this.setState("paused", true, "boolean");
         if (this.hasOwnProperty("onpause")) {
 			this["onpause"]();
@@ -668,6 +774,7 @@ class JsvBaseMedia {
      * 播放
      */
     play() {
+        this.local.paused = false;
         this.setState("paused", false, "boolean");
         if (this.hasOwnProperty("onplay")) {
 			this["onplay"]();
@@ -698,14 +805,18 @@ class JsvBaseMedia {
             return -1;
         }
 
-        if(this.playerCreate){
-            return window.jsvPlayerBridge.JoinChannel(this.key, mixNo);
-        }else{
+        let ret = 0; 
+        if(this.playerCreate && this.appVisible){
+            ret = window.jsvPlayerBridge.JoinChannel(this.key, mixNo);
+        }
+
+        if(ret >= 0){
             this.channelID = mixNo;
+            this.local.paused = false;
+            this.setState("paused", false, "boolean");
         }
 
-        this.setState("paused", false, "boolean");
-        return 0;
+        return ret;
     }
 
     /**
@@ -718,7 +829,7 @@ class JsvBaseMedia {
      */
     leaveChannel(){
         let ret = 0;
-        if(this.playerCreate){
+        if(this.playerCreate && this.appVisible){
             ret = window.jsvPlayerBridge.leaveChannel(this.key);
         }
 
@@ -747,6 +858,7 @@ class JsvBaseMedia {
      * */
     getGlobalVolume(){
         if(typeof window.jsvPlayerBridge !== "undefined"){
+            logDebug("getGlobalVolume");
             return window.jsvPlayerBridge.getGlobalVolume(100);
         }
 
@@ -782,7 +894,7 @@ class JsvBaseMedia {
      * */
      setGlobalMuted(status, flags){
         if(typeof window.jsvPlayerBridge !== "undefined"){
-            console.log("setMuted:"+status);
+            logDebug("setMuted:"+status);
             window.jsvPlayerBridge.setGlobalMuted(status,  typeof flags!="undefined"?flags:0);
         }
      }
@@ -801,7 +913,7 @@ class JsvBaseMedia {
      * 回到视频的开头。
      */
     gotoStart(){
-        if(this.playerCreate){
+        if(this.playerCreate && this.appVisible){
             window.jsvPlayerBridge.gotoStart(this.key);
         }else{
             this.state["currentTime"] = 0;
@@ -812,7 +924,7 @@ class JsvBaseMedia {
      * 到达视频的末尾。
      */
      gotoEnd(){
-        if(this.playerCreate){
+        if(this.playerCreate && this.appVisible){
             window.jsvPlayerBridge.gotoEnd(this.key);
         }
     }
@@ -834,7 +946,7 @@ class JsvBaseMedia {
      * @param {double} time，值为从当前时间计算向前移动了多长时间，单位秒。
      */
     setTimeShift(time){
-        if(this.playerCreate){
+        if(this.playerCreate && this.appVisible){
             window.jsvPlayerBridge.setTimeShift(this.key, time);
         }
     }
@@ -844,17 +956,17 @@ class JsvBaseMedia {
      */
     setState(key, value, type) {
         if (typeof(value) !== type) {
-            console.warn("invalid paramter type to set " + key + ". value is not " + type);
+            logWarning("invalid paramter type to set " + key + ". value is not " + type);
             return;
         }
 
         this.state[key] = value;
-        console.log("set " + key + " = " + value);
+        logDebug("set " + key + " = " + value);
 
         let param = {};
         param[key] = value;
 
-        if(this.playerCreate){
+        if(this.playerCreate && this.appVisible){
             window.jsvPlayerBridge.SetProperty(this.key, JSON.stringify(param));
         }
     }
@@ -864,8 +976,8 @@ class JsvBaseMedia {
      */
     getState(key) {
         let value = this.state[key];
-        console.log("get " + key + " = " + value);
-        if (typeof value == "undefined" && this.playerCreate) {
+        logDebug("get " + key + " = " + value);
+        if (typeof value == "undefined" && this.playerCreate && this.appVisible) {
             value = window.jsvPlayerBridge.GetProperty(this.key, key);
             this.state[key] = value;
         }
@@ -877,7 +989,7 @@ class JsvBaseMedia {
      * 私有接口，外部不需要调用此接口。
      */
     getProperty(key){
-        if (this.playerCreate && typeof window.jsvPlayerBridge != "undefined") {
+        if (this.playerCreate && typeof window.jsvPlayerBridge != "undefined" && this.appVisible) {
             let result_str = window.jsvPlayerBridge.GetProperty(this.key, key);
             if(result_str == null || result_str == "")
                 return null;
@@ -917,7 +1029,7 @@ class JsvMediaVideo extends JsvMedia {
      * 属性，string类型，设置海报地址，未实现。
      */
     set poster(value) {
-        console.log("Video.poster() TODO");
+        logWarning("Video.poster() TODO");
     }
 
     /**
@@ -962,5 +1074,11 @@ export {
     JsvMediaAudio,
     globalLoadJsvPlayerPlugin,
     findMediaObjectByKey,
-    getJsvPlayerCapabilitySet
+    getJsvPlayerCapabilitySet,
+    setLogLevel,
+    logFatal,
+    logError,
+    logWarning,
+    logDebug,
+    logTrace,
 }