@shijiu/jsview-vue 2.3.0 → 2.3.728-alpha.0

package/utils/JsViewPlugin/JsvPlayer/JsvMedia.js

@@ -18,11 +18,18 @@ let EVENT_STATUS_END = 12;
 
 let MediaPluginInfo = getPluginInfo();
 
-var mediaArray = [];
-
-var pluginLoadListener = [];
-var PluginEventKey = "JsvPlayer";
-var chipType = "";
+let mediaArray = [];
+
+let pluginLoadListener = [];
+let PluginEventKey = "JsvPlayer";
+let chipType = "";
+let globalOperator = null;
+let JsvPlayerProbeMulticastChannelID = -1;
+let JsvPlayerProbeMulticastUrl = null;
+let globalStreamChangedListener = null;
+let JsvPlayerMobileEventParam = null;
+let JsvPlayerStbID = null;
+let JsvPlayerGlobalListener = null;
 
 let LOG_LEVEL_FATAL = 5;
 let LOG_LEVEL_ERROR = 4;
@@ -115,7 +122,12 @@ function JsvPlayerPluginLoadResult(result){
         pluginLoadState = 5;
         notify_obj.status = 4;
         if(ret_obj){
-            notify_obj.code = ret_obj.status;
+            if(ret_obj.hasOwnProperty("error_code")){
+                notify_obj.code = ret_obj.error_code;
+            }else{
+                notify_obj.code = ret_obj.status;
+            }
+            
         }else{
             notify_obj.code = -1;
         }
@@ -223,11 +235,30 @@ function JsvPlayerPluginEvent(data){
                 logWarning("Load plugin status, invalid status: "+status)
                 return;
         } 
-        for(let i=0; i<pluginLoadListener.length; i++){
-            pluginLoadListener[i](notify_obj);
-        }
+    
         if(pluginLoadState === 4){
             let capabilitySet = getJsvPlayerCapabilitySet();
+            
+            if(globalOperator !== null){
+                setOperator(globalOperator);
+            }
+            
+            if(JsvPlayerProbeMulticastChannelID >= 0){
+                setProbeMulticastChannelID(JsvPlayerProbeMulticastChannelID);
+            }
+
+            if(JsvPlayerProbeMulticastUrl != null){
+                setProbeMulticastUrl(JsvPlayerProbeMulticastUrl);
+            }
+
+            if(JsvPlayerMobileEventParam != null){
+                setMobileEventParam(JsvPlayerMobileEventParam);
+            }
+
+            if(JsvPlayerStbID != null){
+                setStbID(JsvPlayerStbID);
+            }
+
             if(capabilitySet !== null && capabilitySet !== ""){
                 let capabilitySetObj = JSON.parse(capabilitySet);
                 if(capabilitySetObj !== null && capabilitySetObj.hasOwnProperty("chipType")){
@@ -238,6 +269,10 @@ function JsvPlayerPluginEvent(data){
                 mediaArray[i].buildPlatformInstance();
             }
         }
+
+        for(let i=0; i<pluginLoadListener.length; i++){
+            pluginLoadListener[i](notify_obj);
+        }
     }else{
         let type = event_obj.type;
         let param = event_obj.param;
@@ -535,9 +570,10 @@ class JsvBaseMedia {
             keepLastFrame: true,
             timeUpdateLess: false,
             rate: 1.0,
-            volume: 1.0,
+            volume: null,
             chromaKey: null,
             audioTrack: -1,
+            videoDeltaTime: 0,
         };
         
 		this.local = {
@@ -566,6 +602,7 @@ class JsvBaseMedia {
         this.frameRateLimit = false;
         this._onEvent = this.onEvent.bind(this);
         this._onVisibilityChangeCallBack = this.onVisibilityChangeCallBack.bind(this);
+        this.srcList = [];
 
         let found = false;
         for(let i=0; i<mediaArray.length; i++){
@@ -698,6 +735,18 @@ class JsvBaseMedia {
         if(this.state["audioTrack"] !== -1){
             this.setState("audioTrack", this.state["audioTrack"], "number");
         }
+
+        if(this.state["volume"]){
+            this.setState("volume", this.state["volume"], "string");
+        }
+
+        if(this.state["videoDeltaTime"] !== 0){
+            this.setState("videoDeltaTime", this.state["videoDeltaTime"], "number");
+        }
+
+        if(this.playerType == 4 && this.srcList.length > 0){
+            window.jsvPlayerBridge.addSrcList(this.key, JSON.stringify(this.srcList));
+        }
     }
 
     onVisibilityChangeCallBack(){
@@ -743,6 +792,8 @@ class JsvBaseMedia {
                     logDebug("currentTime: "+this.local.currentTime);
                     this.unloadPrivate();
                 }
+
+                this.clearLastFrame();
             }
             this.appVisible = visible;
         }
@@ -802,7 +853,7 @@ class JsvBaseMedia {
                 logDebug("changeFrameRate, key="+this.key+", enable="+enable);
                 this.frameRateLimit = enable;
                 if(enable){
-                    window.JsView?.reduceFps?.(30);
+                    window.JsView?.reduceFps?.(25);
                 }else{
                     window.JsView?.reduceFps?.(0);
                 }
@@ -975,7 +1026,7 @@ class JsvBaseMedia {
                     }
 
                     if (this.hasOwnProperty("ondurationchange")) {
-                        this["ondurationchange"]();
+                        this["ondurationchange"](data.duration);
                     }
                     this.currentEventStatus = EVENT_STATUS_LOAD;
                 }
@@ -1120,6 +1171,40 @@ class JsvBaseMedia {
                     this.currentEventStatus = EVENT_STATUS_BACKLIVED;
                 }
                 break;
+            case "onStreamChanged":
+                logDebug("onStreamChanged");
+                if(this.hasOwnProperty("onstreamchanged")){
+                    this["onstreamchanged"](JSON.stringify(data));
+                }else if(globalStreamChangedListener != null && typeof globalStreamChangedListener === "function"){
+                    globalStreamChangedListener(JSON.stringify(data));
+                }
+
+                break;
+            case "onChangeUrlComplete":
+                logDebug("onChangeUrlComplete");
+                this.local.currentTime = data.currentTime;
+                this.local.duration = data.duration;
+                if(this.hasOwnProperty("onchangeurlcomplete")){
+                    this["onchangeurlcomplete"](data.src, data.width, data.height);
+                }
+                if (this.hasOwnProperty("ondurationchange")) {
+                    this["ondurationchange"](data.duration);
+                }
+                if (this.hasOwnProperty("ontimeupdate")) {
+                    this["ontimeupdate"](data.currentTime);
+                }
+                break;
+            case "onChangeUrlRenderStart":
+                logDebug("onChangeUrlRenderStart");
+                if(this.hasOwnProperty("onchangeurlrenderstart")){
+                    this["onchangeurlrenderstart"](data.src);
+                }
+                break;
+            case "onSizeChangeError":
+                logDebug("onSizeChangeError");
+                if(this.hasOwnProperty("onsizechangeerror")){
+                    this["onsizechangeerror"](data.width, data.height);
+                }
             default:
                 break; 
        }
@@ -1237,11 +1322,25 @@ class JsvBaseMedia {
      * 属性，float类型，播放器音量，0-1.0，只影响当前播放器实例。
      */
     get volume() {
-        return this.getState("volume");
+        return this.getProperty("volume");
     }
 
     set volume(value) {
-        this.setState("volume", value, "number");
+        this.setVolume(value, value);
+    }
+
+    /**
+     * 属性，float类型，播放器左声道音量，0-1.0。
+     */
+    get leftVolume() {
+        return this.getProperty("leftVolume");
+    }
+
+    /**
+     * 属性，float类型，播放器右声道音量，0-1.0。
+     */
+    get rightVolume() {
+        return this.getProperty("rightVolume");
     }
 
     /**
@@ -1321,6 +1420,91 @@ class JsvBaseMedia {
         this.eventReport = true;
     }
 
+    /**
+     * 添加短视频播放地址列表，数组格式。
+     * @param {array} url_list 播放地址列表，数组格式，[url1, url2, ...]。
+     */
+    addSrcList(url_list){
+        if(!url_list || url_list.length == 0 || this.playerType !== 4){
+            return;
+        }
+
+        if(this.playerCreate){
+            window.jsvPlayerBridge.addSrcList(this.key, JSON.stringify(url_list));
+        }
+
+        for(let i=0; i<url_list.length; i++){
+            let found = false;
+            for(let j=0; j<this.srcList; j++){
+                if(url_list[i] === this.srcList[j]){
+                    found = true;
+                    break;
+                }
+            }
+
+            if(!found){
+                this.srcList.push(url_list[i]);
+            }
+        }
+    }
+
+    removeSrcList(url_list){
+        if(!url_list || url_list.length == 0 || this.playerType !== 4){
+            return;
+        }
+
+        if(this.playerCreate){
+            window.jsvPlayerBridge.removeSrcList(this.key, JSON.stringify(url_list));
+        }
+
+        for(let i=0; i<url_list.length; i++){
+            let found = false;
+            let j = 0;
+            for(j=0; j<this.srcList; j++){
+                if(url_list[i] === this.srcList[j]){
+                    found = true;
+                    break;
+                }
+            }
+
+            if(found){
+                this.srcList.splice(j, 1);
+            }
+        }
+    }
+
+    changeUrl(url){
+        if(typeof url !== "string" || this.playerType !== 4){
+            return;
+        }
+
+        if(this.playerCreate && this.appVisible){
+            window.jsvPlayerBridge.changeUrl(this.key, url);
+        }
+
+        let src = {};
+        src.url = url;
+        src.type = 1;
+    
+        this.state["src"] = JSON.stringify(src);
+    }
+
+    /**
+     * 设置音量，可以分别设置左声道和右声道，如果只用左声道，把rightVolume设置为0，如果只使用右声道，把leftVolume设置为0。
+     * @param {float} leftVolume 左声道音量，0-1.0
+     * @param {float} rightVolume 右声道音量，0-1.0
+     */
+    setVolume(leftVolume, rightVolume){
+        if(typeof leftVolume != "number" || typeof rightVolume != "number"){
+            logTrace("setVolume, invalid volume value: leftVolume = "+leftVolume+", rightVolume = "+rightVolume);
+        }
+
+        let volume = {};
+        volume.leftVolume = leftVolume;
+        volume.rightVolume = rightVolume;
+        this.setState("volume", JSON.stringify(volume), "string");
+    }
+
     /**
      * 添加监听事件。
      * @param {string} type 事件类型。
@@ -1404,6 +1588,23 @@ class JsvBaseMedia {
         this.changeFrameRate(false);
     }
 
+    /**
+     * 视频和音频同步时间的差值，当视频比音频快时，设置大于0的时间差值，当视频比音频慢，设置小于0的时间差值，单位为毫秒。播放器会使用视频时间戳+差值去和音频做同步。
+     * 只有jsv视频播放器（playerType=2）时支持。
+     * @param {int} time  时间差值，单位ms。
+     * @returns {int} 0，表示成功；-1，表示失败
+     */
+    videoSynTime(time){
+        if(typeof time != "number"){
+            return -1;
+        }
+
+        if(this.type === "audio" || this.playerType !== 2){
+            return -1;
+        }
+
+        this.setState("videoDeltaTime", time, "number");
+    }
     /**
      * 要求终端访问指定的频道，并立即返回。对由本地设置为跳过的频道，也返回-1。
      * 频道地址为通过 CTCSetConfig 设置的频道列表中的地址：
@@ -1415,9 +1616,15 @@ class JsvBaseMedia {
      */
     joinChannel(mixNo){
         logTrace("joinChannel, key="+this.key+", mixNo="+mixNo);
+
+        if(typeof mixNo !== "number"){
+            logWarning("joinChannel failed, invalid channel number!");
+            return -1;
+        }
+
         if(this.type === "audio"){
             logWarning("Audio player do not support joinChannel.");
-            return 0;
+            return -1;
         }
 
         let ret = this.joinChannelPrivate(mixNo);
@@ -1434,13 +1641,17 @@ class JsvBaseMedia {
             return 0;
         }
 
-        if(mixNo <= 0){
+        if(mixNo < 0){
             return -1;
         }
 
         let ret = 0; 
         if(this.playerCreate && this.appVisible){
-            ret = window.jsvPlayerBridge.JoinChannel(this.key, mixNo);
+            let set_mix_no = mixNo;
+            if(globalOperator === "ZJDX_HW" && mixNo == 101){
+                set_mix_no = 862;
+            }
+            ret = window.jsvPlayerBridge.JoinChannel(this.key, set_mix_no);
         }
 
         if(ret >= 0){
@@ -1630,19 +1841,24 @@ class JsvBaseMedia {
     /**
      * 设置色度抠像参数，只支持扣绿。
      * 参考格式：{color: 0x30FF30, colorDistance: 0.15, edgeDistance: 0.4, greenOffset: 0.05}
-     * @param {JSON object} chromaKey，抠像参数，JSON Object包含的参数如下：
+     * @param {string} chromaKey，抠像参数，JSON Object结构，包含的参数如下：
      *                                 color，色值，int类型，为抠图色值范围的中心点，格式为0xRRGGBB。
      *                                 colorDistance，float类型，色域范围，范围0-1.0。
      *                                 edgeDistance，float类型，alpha透明度距离，范围colorDistance-1.0，从colorDistance到edgeDistance的alpha值从1.0-0线性递减。
      *                                 greenOffset，float类型，红蓝差值，范围0-1.0。
      */
      setChromaKey(chromaKey){
-        logTrace("setChromaKey, key="+this.key+", chroma key="+JSON.stringify(chromaKey));
+        logTrace("setChromaKey, key="+this.key+", chroma key="+chromaKey);
         if(this.type === "audio"){
             logWarning("Audio player do not support setChromaKey.");
             return;
         }
-        this.setState("chromaKey", JSON.stringify(chromaKey), "string");
+        if(typeof chromaKey !== "string"){
+            logWarning("Invalid chromaKey type.");
+            return;
+        }
+
+        this.setState("chromaKey", chromaKey, "string");
     }
 
     setDebugMode(mode){
@@ -1665,6 +1881,50 @@ class JsvBaseMedia {
         return false;
     }
 
+    /**
+     * 获取视频信息，包括配置参数，视频状态，视频格式参数等。
+     * @returns {string} 视频信息字符串，为json string，包括config、status、info三个字端，每个字段也是一个json string格式。
+     *                   1、对于config字段，包含的字段定义如下：
+     *                      1）如果ConfigType字段值为1，表示是IPTV格式，包括：
+     *                         ChannelURL：频道直播地址；
+     *                         TimeShiftURL：频道时移地址；
+     *                         ChannelID：频道编码，字符串格式；
+     *                         UserChannelID：频道编号，频道名称前的编号；
+     *                         ChannelName：频道名称。
+     *                      2）如果ConfigType字段值为2，表示JsvPlayer格式，包括：
+     *                         URL：播放地址；
+     *                         Type：视频类型：1表示点播，2表示直播，3表示时移，4表示回看；
+     *                         Head：视频网络请求head；
+     *                         ShiftTime：时移时间，Type==3有效。
+     *                      3）如果ConfigType字段值为3，表示ctc media格式，包括：
+     *                         MediaURL：媒体播放地址；
+     *                         MediaCode：媒体code；
+     *                         MediaType：媒体类型；
+     *                         TimeShiftUrl：时移地址。
+     *                      4）ConfigType等于其它值无效。
+     *                   2、对于status字段，包含的字段定义如下：
+     *                      URL：实际播放地址；
+     *                      VideoType：视频类型：1表示点播，2表示直播，3表示时移，4表示回看；
+     *                      Duration：视频总时长，单位秒，直播/时移状态时为-1；
+     *                      CurrentTime：当前播放时间，直播/时移为时间戳，单位秒；
+     *                      StartPlayTime：开始播放系统时间，单位秒。
+     *                   3、对于info字段，包含的字段定义如下：
+     *                      VideoWidth：视频宽度，视频起播后有效；
+     *                      VideoHeight：视频高度，视频起播后有效；
+     *                      AudioTrackNum：音轨个数；
+     *                      Fps：帧率。
+     * 
+     *  
+     */
+    getVideoInfo(){
+        logTrace("getVideoInfo, key="+this.key);
+        if(typeof window.jsvPlayerBridge !== "undefined"){
+            return window.jsvPlayerBridge.GetVideoInfo(this.key);
+        }
+
+        return null;
+    }
+
     /**
      * 私有接口，外部不需要调用此接口。
      */
@@ -1728,7 +1988,7 @@ class JsvMedia extends JsvBaseMedia {
 
 class JsvMediaAudio extends JsvMedia {
     constructor(key, design_map_width) {
-        super("audio", "resizable", 0, 3, key, true, design_map_width, 0);
+        super("audio", "resizable", null, 3, key, true, design_map_width, 0);
     }
 }
 
@@ -1815,10 +2075,15 @@ function getJsvPlayerRunningNum(){
     return -1;
 }
 
+/**
+ * 设置运营商信息，主要用于不同运营商特殊的配置
+ * @param {*} operator 运营商信息。
+ */
 function setOperator(operator){
-    logTrace("setOperator");
+    logTrace("setOperator: "+operator);
+    globalOperator = operator;
     if(typeof window.jsvPlayerBridge !== "undefined"){
-        return window.jsvPlayerBridge.setOperator(operator);
+        window.jsvPlayerBridge.setOperator(operator);
     }
 }
 
@@ -1826,6 +2091,114 @@ function globalLoadSetOperator(operator){
     setOperator(operator)
 }
 
+
+/**
+ * 设置组播网络连通性探测频道
+ * @param {Number} mixNo 探测的频道ID
+ */
+function setProbeMulticastChannelID(mixNo){
+    logTrace("setProbeMulticastChannelID: "+mixNo);
+    if(typeof mixNo === "number"){
+        if(typeof window.jsvPlayerBridge !== "undefined"){
+            window.jsvPlayerBridge.setProbeMulticastChannelID(mixNo);
+        }else{
+            JsvPlayerProbeMulticastChannelID = mixNo;
+        }
+    }else{
+        logTrace("setProbeMulticastChannelID error, typeof mixNo is " + typeof mixNo);
+    }
+}
+
+
+/**
+ * 设置组播网络连通性探测地址
+ * @param {String} url 探测的组播地址，需是igmp协议格式，如igmp://224.0.0.1:xxxx
+ */
+function setProbeMulticastUrl(url){
+    logTrace("setProbeMulticastUrl: "+url);
+    if(typeof url === "string"){
+        if(typeof window.jsvPlayerBridge !== "undefined" && typeof url === "string"){
+            window.jsvPlayerBridge.setProbeMulticastUrl(url);
+        }else{
+            JsvPlayerProbeMulticastUrl = url;
+        }
+    }else{
+        logTrace("setProbeMulticastUrl error, typeof url is " + typeof url);
+    }
+}
+
+/**
+ * 注册视频流重试时的监听接口，用于上报log使用。当listener = null时，相当于注销监听。同时只能有一个全局监听接口，后注册的会覆盖之前注册的。
+ * 如果通过组件注册了播放器此事件的监听，不会通过此接口通知。
+ * @param {function name(data) {
+    let obj = JSON.parse(data);
+    let old_src = obj["oldSrc"]; //String类型，报错的url
+    let new_src = obj["newSrc"]; //String类型，重新尝试的URL，如果oldSrc正常播放了，会继续使用oldSrc，否则看是否有备份URL，对于直播，会使用时移地址作为备份URL。
+    let same_src = obj["sameSrc"]; //boolean类型，old_src是否和new_src相等。
+    let video_type = obj["videoType"]; //播放场景。1是点播场景；2是直播场景，3是直播时移场景；4是直播回看场景。
+ }}
+ */
+function registerStreamChangedListener(listener){
+    if(listener == null || typeof listener === "function"){
+        globalStreamChangedListener = listener;
+    }
+}
+
+/**
+ * 设置移动卡花事件上报相关参数
+ * @param {string} param json格式
+ */
+function setMobileEventParam(param){
+    if(typeof param === "string"){
+        if(typeof window.jsvPlayerBridge !== "undefined"){
+            window.jsvPlayerBridge.setMobileEventParam(param);
+        }else{
+            JsvPlayerMobileEventParam = param;
+        }
+    }else{
+        logTrace("setMobileEventParam error, typeof param is " + typeof param);
+    }
+}
+
+/**
+ * 设置stbid
+ * @param {string} stbid 机顶盒stbid
+ */
+function setStbID(stbid){
+    if(typeof stbid === "string"){
+        if(typeof window.jsvPlayerBridge !== "undefined"){
+            window.jsvPlayerBridge.setStbID(stbid);
+        }else{
+            JsvPlayerStbID = stbid;
+        }
+    }else{
+        logTrace("setStbID error, typeof param is " + typeof stbid);
+    }
+}
+
+function globalEventProcess(event_str){
+    logTrace("player global event: "+event_str);
+    if(JsvPlayerGlobalListener != null){
+        let obj = JSON.parse(event_str);
+        let event_obj = JSON.parse(obj.param);
+        let event = event_obj.event;
+        let data = event_obj.data;
+
+        JsvPlayerGlobalListener(event, data);
+    }
+}
+
+function setGlobalEventListener(listener){
+    if(JsvPlayerGlobalListener != null){
+        window.JMD.unsubscribe("JsvPlayerGlobalEvent", globalEventProcess);
+    }
+
+    if(listener != null){
+        JsvPlayerGlobalListener = listener;
+        window.JMD.subscribe("JsvPlayerGlobalEvent", globalEventProcess);
+    }
+}
+
 export {
     JsvMediaVideo,
     JsvMediaAudio,
@@ -1844,4 +2217,10 @@ export {
     setJsvPlayerDebugMode,
     getJsvPlayerRunningNum,
     setOperator,
+    setProbeMulticastChannelID,
+    setProbeMulticastUrl,
+    registerStreamChangedListener,
+    setMobileEventParam,
+    setStbID,
+    setGlobalEventListener,
 }