webrtc_H265player/test/Player.js

self.Module = {
    onRuntimeInitialized: function () {

    }
};
self.importScripts("common.js");
// var USE_MISSILE = false;
// var decoder_type;
// var DECODER_TYPE = kDecoder_decodeer_js;
// var DECODER_TYPE = kDecoder_prod_h265_wasm_combine_js;
var webglPlayer, canvas, videoWidth, videoHeight, yLength, uvLength;
var LOG_LEVEL_JS = 0;
var LOG_LEVEL_WASM = 1;
var LOG_LEVEL_FFMPEG = 2;
var DECODER_H264 = 0;
var DECODER_H265 = 1;
 
function Player(){
    this.decoder_type = DECODER_TYPE;//DECODER_H265;
    this.decoding = false;
    this.webrtcplayerState = playerStateIdle;
    this.decodeInterval     = 3; //编码定时器
    this.urgent = false;
    this.destroied = false;
    this.decoderworker=null;
    this.frameBuffer = [];
    // this.Module = {};
}
Player.prototype.setDecoder=function(type) {
    this.decoder_type = type;
}

Player.prototype.startDecoder=function(decoder_type){
    var self = this;
    self.setDecoder(decoder_type);
    switch(decoder_type){
        case kDecoder_decodeer_js:
            self.decoderworker=new Worker("decoder.js");  
            var req = {
                t: kInitDecoderReq,
            };
            self.decoderworker.postMessage(req);
            self.decoderworker.onmessage=function (evt) {
                var objData = evt.data;
                switch (objData.t) {
                    case kInitDecoderRsp:
                        self.onInitDecoder(objData);
                        break;
                    case kOpenDecoderRsp:
                        self.onOpenDecoder(objData);
                        // this.displayLoop();
                        // var req = {
                        //     t: kInitPlayerReq,
                        // };
                        // self.postMessage(req);
                        break;
                    case kVideoFrame:
                        self.onVideoFrame(objData);
                        break;
                    // case kVideoFrame_Missle:
                    //     self.onVideoFrame_Missle(objData);
                    //     break;    
                    // case kprodVideoFrame:
                    //     self.onVideoFrame_Prod(objData);
                    //     break;
                    // case "decode":
                    //     console.log("decode"+objData)
                    //     break;    
                    default:
                        console.log("Unsupport messsage " + req.t);     
                }
            }  
            break;
        // this.decoderworker=new Worker("decoder_missle.js");
        case kDecoder_prod_h265_wasm_combine_js:
            // this.decoderworker=new Worker("prod_decoder.js");  
            self.Module = {};  
            self.decoderworker=new Worker("glue.js");//prod.h265.wasm.combine.js");
            self.SetProdDecoder(self.decoderworker,self);
            break;
        case kDecoder_missile_decoder_js:
            self.decoderworker=new Worker("decoder_missle.js");//prod.h265.wasm.combine.js");
            var req = {
                t: kInitDecoderReq,
            };
            self.decoderworker.postMessage(req);
            console.log("InitMissleDecoder");
            self.decoderworker.onmessage=function (evt) {
                var objData = evt.data;
                switch (objData.t) {
                    case kInitDecoderRsp:
                        self.onInitDecoder(objData);
                        break;
                    case kOpenDecoderRsp:
                        self.onOpenDecoder(objData);
                        // self.displayLoop();
                        // var req = {
                        //     t: kInitPlayerReq,
                        // };
                        // self.postMessage(req);
                        break;
                    case kVideoFrame_Missle:
                        self.onVideoFrame_Missle(objData);
                        break;    
                    default:
                        console.log("Unsupport messsage " + req.t);     
                }
            }
            // this.InitMissleDecoder();
            break;    
        default:
            console.error("not supported");    
        
    }


};
Player.prototype.ReqInitDecoder = function(){
    var req = {
        t: kInitDecoderReq,
    };
    this.decoderworker.postMessage(req);
}
Player.prototype.InitMissleDecoder =function(){
    var req = {
        t: kInitDecoderReq,
    };
    this.decoderworker.postMessage(req);
    console.log("InitMissleDecoder");
    this.decoderworker.onmessage=function (evt) {
        var objData = evt.data;
        switch (objData.t) {
            case kInitDecoderRsp:
                self.onInitDecoder(objData);
                break;
            case kOpenDecoderRsp:
                self.onOpenDecoder(objData);
                // self.displayLoop();
                // var req = {
                //     t: kInitPlayerReq,
                // };
                // this.postMessage(req);
                break;
            case kVideoFrame_Missle:
                self.onVideoFrame_Missle(objData);
                break;    
            default:
                console.log("Unsupport messsage " + req.t);     
        }
    }
}
// Player.prototype.SetDecoder = function (worker,self){
//     var req = {
//         t: kInitDecoderReq,
//     };
//     worker.postMessage(req);
//     worker.onmessage=function (evt) {
//         var objData = evt.data;
//         switch (objData.t) {
//             case kInitDecoderRsp:
//                 self.onInitDecoder(objData);
//                 break;
//             case kOpenDecoderRsp:
//                 self.onOpenDecoder(objData);
//                 break;
//             case kVideoFrame:
//                 self.onVideoFrame(objData);
//                 break;
//             // case kVideoFrame_Missle:
//             //     self.onVideoFrame_Missle(objData);
//             //     break;    
//             case kprodVideoFrame:
//                 self.onVideoFrame_Prod(objData);
//                 break;
//             case "decode":
//                 console.log("decode"+objData)
//                 break;    
//             default:
//                 console.log("Unsupport messsage " + req.t);     
//         }
//     }
// }
Player.prototype.SetProdDecoder = function (worker,self){
    worker.onmessage = function(msg){              // 收到胶水代码返回来的消息的处理方式
        var data = msg.data;
        var decodet1=new Date().getTime();
        console.log(decodet1,"->worker.onmessage",data.type,data.data)
        if(typeof self.onmessage == "function"){
            self.onmessage(data);               // 收到解码器的事件，如果设置了onmessage函数，透传到上层，processor通过这种方式拿到解码器事件
            //data.type
            if(data.type == 'destroy' && typeof self.onterminate == 'function'){
                self.onterminate();
                worker.terminate();
                worker = null;
            }
        }
    }

    worker.onterminate = function(){
        
    }

    this.onmessage = function(data){
        console.log("player onmessage",data.type);
    };
    this.onterminate = function(){
        console.log("playe onterminate");
    };
};

Player.prototype.decode = function(buffer){    // 对外api，解码一段数据
    if(this.decoderworker){
        this.decoderworker.postMessage({
            type: 'decode',
            buffer: buffer,
        });
    }
}

Player.prototype.destroy = function(){         // 对外api，销毁解码器
    this.destroied = true;
    if(this.decoderworker){
        // window.URL.revokeObjectURL(this.url);
        this.decoderworker.postMessage({type: 'destroy'});
    }
}

Player.prototype.startDecoding = function () {
    var req = {
        t: kStartDecodingReq,
        i: this.urgent ? 0 : this.decodeInterval,
    };
    this.decoderworker.postMessage(req);
    this.decoding = true;
    this.webrtcplayerState = playerStatePlaying;
    this.displayLoop();
};

Player.prototype.pauseDecoding = function () {
    var req = {
        t: kPauseDecodingReq
    };
    this.decoderworker.postMessage(req);
    this.decoding = false;
};
Player.prototype.onOpenDecoder=function(objData){
     console.log("reqOpenDecoder response " + objData.e + ".");
    if(objData.e==0){
       this.startDecoding();
    }

}
Player.prototype.onInitDecoder = function (objData) {
  

     console.log("Init decoder response " + objData.e + ".");
    this.reqOpenDecoder();

};
Player.prototype.reqOpenDecoder=function(){
    var req = {
        t: kOpenDecoderReq
    };
    this.decoderworker.postMessage(req);
}
Player.prototype.onFrameData = function (data, len) {
    // console.log("Got data bytes=" + start + "-" + end + ".");
    if(this.decoder_type===kDecoder_prod_h265_wasm_combine_js){
        this.decode(data);
    }else{
        var objData = {
            t: kFeedDataReq,
            d: data
        };
        this.decoderworker.postMessage(objData, [objData.d]);
    }
}
Player.prototype.startBuffering = function () {
    this.buffering = true;
    this.showLoading();
    this.pause();
}

Player.prototype.stopBuffering = function () {
    this.buffering = false;
    this.hideLoading();
    this.resume();
}

Player.prototype.displayVideoFrame = function (frame) {

    var audioTimestamp=0;
    var delay=0
    // console.log("displayVideoFrame delay=" + delay + "=" + " " + frame.s  + " - (" + audioCurTs  + " + " + this.beginTimeOffset + ")" + "->" + audioTimestamp);

    if (audioTimestamp <= 0 || delay <= 0) {
        this.renderVideoFrame(frame.d);
        return true;
    }
    return false;
};

Player.prototype.displayLoop = function() {
    console.log("displayLoop")
    if (this.webrtcplayerState !== playerStateIdle) {
        requestAnimationFrame(this.displayLoop.bind(this));
    }
    if(this.frameBuffer.length>0){
        var frame = this.frameBuffer[0];
        if (this.displayVideoFrame(frame)) {
            this.frameBuffer.shift();
        }
    }
};
Player.prototype.stopDecoder = function() {
     var req={
       t: kPauseDecodingReq,
     }
     this.decoderworker.postMessage(req);
     var req={
        t: kUninitDecoderReq,
      }
      this.decoderworker.postMessage(req);
    //  this.stopBuffering();
     this.webrtcplayerState=playerStateIdle;
};
Player.prototype.renderVideoFrame = function (data) {
    // var self = this;
    var playFrame={
        t: kplayeVideoFrame,
        d: data
    }
    self.postMessage(playFrame,[playFrame.d.data.buffer])

};
Player.prototype.getBufferTimerLength = function() {
    if (!this.frameBuffer || this.frameBuffer.length == 0) {
        return 0;
    }

    let oldest = this.frameBuffer[0];
    let newest = this.frameBuffer[this.frameBuffer.length - 1];
    return newest.s - oldest.s;
};
Player.prototype.bufferFrame = function (frame) {
    // If not decoding, it may be frame before seeking, should be discarded.

    this.frameBuffer.push(frame);
     console.log("bufferFrame pts:" + frame.s+" w:" + frame.d.width + ", h: " + frame.d.height);

}
Player.prototype.onVideoFrame = function (frame) {
    this.bufferFrame(frame);
};
Player.prototype.onVideoFrame_Prod = function (frame) {
    this.bufferFrame(frame);
};
Player.prototype.onVideoFrame_Missle = function (frame) {
    this.bufferFrame(frame);
};
Player.prototype.processReq = function (req) {
    // console.log("processReq " + req.t + ".");
    switch (req.t) {
        case kstartPlayerCoderReq:
            this.startDecoder(req.decoder_type);
            break;
        case kendPlayerCoderReq:
            this.stopDecoder();
            break;
    
        case kInitPlayerReq:
            this.displayLoop();
            break;           
        case ksendPlayerVideoFrameReq:
            this.onFrameData(req.d,req.l);
            break;

        default:
            console.log("Unsupport messsage " + req.t);
    }
};
self.player = new Player;

self.onmessage = function (evt) {
    if (!self.player) {
        console.log("[ER] Player not initialized!");
        return;
    }

    var req = evt.data;


    self.player.processReq(req);
};