import { PCMPlayer } from "./pcm-player";
|
import { WebGLPlayer } from "./webgl";
|
|
export function Player() {
|
this.hPlayer = 0;
|
this.PlayOrPause = 0;
|
this.MediaName = null;
|
this.isStream = false;
|
this.canvas = null;
|
this.timeLabel = null;
|
this.timeTrack = null;
|
this.CurPos = 0;
|
this.displayDuration = "00:00:00";
|
|
this.pcmPlayer = null;
|
this.webglPlayer = null;
|
|
this.trackTimer = null;
|
this.loop = false;
|
this.preload = true;
|
this.preloadFlag = 0;
|
this.statusCallback = (stat) => {
|
console.log(stat);
|
};
|
}
|
|
Player.prototype.play = function(
|
url,
|
canvas,
|
isStream,
|
timeTrack,
|
timeLabel,
|
payload
|
) {
|
if (this.hPlayer != 0) return;
|
|
this.MediaName = url;
|
|
this.isStream = isStream;
|
|
this.canvas = canvas; //hWnd
|
|
this.timeTrack = timeTrack;
|
this.timeLabel = timeLabel;
|
|
var This = this;
|
this.timeTrack.oninput = function() {
|
This.seek(This.timeTrack.value);
|
};
|
|
this.TurboWorker = new Worker("/libs/wasmPlayer/turbo.js");
|
this.hPlayer = 1;
|
this.PlayOrPause = 1;
|
|
this.TurboWorker.onmessage = function(evt) {
|
switch (evt.data.command) {
|
case "initialized": {
|
This.TurboWorker.postMessage({
|
command: "play",
|
media_name: url,
|
other: isStream,
|
payload: payload,
|
});
|
break;
|
}
|
case "create_video": {
|
This.VideoParam = evt.data.param; //{duration:xxx,width:xxx,height:xxx}
|
This.webglPlayer = new WebGLPlayer(This.canvas);
|
if (This.timeTrack) {
|
This.timeTrack.min = 0;
|
This.timeTrack.max = This.VideoParam.duration;
|
This.timeTrack.value = 0;
|
This.displayDuration = This.formatTime(
|
This.VideoParam.duration / 1000
|
);
|
}
|
This.startTrackTimer();
|
|
This.statusCallback(0);
|
break;
|
}
|
case "create_audio": {
|
This.AudioParam = evt.data.param; //{channel:Channel,sample_rate:SampleRate}
|
This.pcmPlayer = new PCMPlayer({
|
encoding: "16bitInt",
|
channels: This.AudioParam.channel,
|
sampleRate: This.AudioParam.sample_rate,
|
flushingTime: 5000,
|
});
|
|
This.statusCallback(1);
|
break;
|
}
|
case "deliver_video": {
|
if (!This.isStream && This.preload && This.preloadFlag == 0) {
|
This.preloadFlag = 1;
|
This.pause();
|
This.statusCallback(0);
|
}
|
|
//sample:{time_stamp:xxx,data:xxx}
|
This.CurPos = evt.data.sample.time_stamp;
|
This.webglPlayer.renderFrame(
|
evt.data.sample.buf,
|
This.VideoParam.width,
|
This.VideoParam.height
|
);
|
break;
|
}
|
case "deliver_audio": {
|
//sample:{time_stamp:xxx,data:xxx}
|
This.pcmPlayer.play(evt.data.sample.buf);
|
break;
|
}
|
case "play_failed": {
|
This.statusCallback(-1);
|
This.stop();
|
break;
|
}
|
case "play_end": {
|
if (This.loop) {
|
This.seek(0);
|
}
|
break;
|
}
|
|
default:
|
return;
|
}
|
};
|
};
|
|
Player.prototype.pause = function() {
|
if (this.hPlayer == 0 || this.PlayOrPause == 0) return;
|
this.PlayOrPause = 0;
|
this.TurboWorker.postMessage({ command: "pause" });
|
};
|
|
Player.prototype.resume = function() {
|
if (this.hPlayer == 0 || this.PlayOrPause == 1) return;
|
this.PlayOrPause = 1;
|
this.TurboWorker.postMessage({ command: "resume" });
|
};
|
|
Player.prototype.stop = function() {
|
if (this.hPlayer == 0) return;
|
this.hPlayer = 0;
|
this.TurboWorker.postMessage({ command: "stop" });
|
this.stopTrackTimer();
|
if (this.pcmPlayer) {
|
this.pcmPlayer.destroy();
|
this.pcmPlayer = null;
|
}
|
//webglPlayer?
|
};
|
|
Player.prototype.seek = function(ms) {
|
if (this.hPlayer == 0) return;
|
this.TurboWorker.postMessage({ command: "seek", pos: ms });
|
|
if (this.pcmPlayer != null) {
|
this.pcmPlayer.destroy();
|
this.pcmPlayer = new PCMPlayer({
|
encoding: "16bitInt",
|
channels: this.AudioParam.channel,
|
sampleRate: this.AudioParam.sample_rate,
|
flushingTime: 5000,
|
});
|
}
|
};
|
|
Player.prototype.fullscreen = function() {
|
if (this.webglPlayer) this.webglPlayer.fullscreen();
|
};
|
|
Player.prototype.exitfullscreen = function() {
|
if (this.webglPlayer) this.webglPlayer.exitfullscreen();
|
};
|
|
Player.prototype.startTrackTimer = function() {
|
var This = this;
|
this.trackTimer = setInterval(function() {
|
if (This.timeTrack) This.timeTrack.value = This.CurPos;
|
|
if (This.timeLabel)
|
This.timeLabel.innerHTML =
|
This.formatTime(This.CurPos / 1000) + "/" + This.displayDuration;
|
}, 500);
|
};
|
|
Player.prototype.stopTrackTimer = function() {
|
if (this.trackTimer != null) {
|
clearInterval(this.trackTimer);
|
this.trackTimer = null;
|
}
|
};
|
|
Player.prototype.formatTime = function(s) {
|
var h =
|
Math.floor(s / 3600) < 10
|
? "0" + Math.floor(s / 3600)
|
: Math.floor(s / 3600);
|
var m =
|
Math.floor((s / 60) % 60) < 10
|
? "0" + Math.floor((s / 60) % 60)
|
: Math.floor((s / 60) % 60);
|
var s =
|
Math.floor(s % 60) < 10 ? "0" + Math.floor(s % 60) : Math.floor(s % 60);
|
|
return h + ":" + m + ":" + s;
|
};
|
