TSINGSEE Qingxi Videoの新規ユーザーは、既存のEasyGBSに、今年のバージョン更新後に追加されたビデオ表示機能があることを知っておく必要があります。ユーザーは、ビデオ表示インターフェイスで少なくとも4画面のビデオを表示できます。プレビューしてください。
ただし、現在、インターフェースを最適化する必要があります。ハイチャネル取得ストリームインターフェースに問題がある場合、または要求時間が長すぎる場合、分割画面は常に黒い画面状態になり、ユーザーはすぐに見ることができません。ビデオストリーム。アクセスされていないビデオチャネルは混乱しています。したがって、EasyNVRのEasyWasmPlayerプレーヤーの例に従って、ビデオスナップショットを作成できます。(EasyWasmPlayerプレーヤーがブロードキャストの開始時にスナップショット機能を最適化する方法)
EasyGBSのチャネルをクリックして、ストリームアドレスを要求するデータインターフェイスを送信する場合、最初にEasyWasmPlayerプレーヤーインスタンスを作成し、チャネルスナップショットのインターフェイスを呼び出し、プレーヤースナップショットに表示される関数を使用してデータをプレーヤーに返します。写真を表示するユーザーに、チャンネルがストリームを取得していることをユーザーに促します。しばらくお待ちください。リクエストストリームアドレスインターフェイスがデータを返すと、スナップショットは非表示になります。ビデオストリームの再生を開始します。参照コードは次のとおりです。
// 获取通道快照
getChannelSnap() {
$.get("/api/v1/device/channelsnap", {
serial: this.DeviceID,
code: this.ID,
encode: true,
}).then((res) => {
let _this = this;
this.channelSnap = res;
this.getNewVideoUrl();
console.log("到这里2");
$.get("/api/v1/stream/start", {
serial: _this.DeviceID,
code: _this.ID,
}).then((res) => {
//获取cookie
this.MediaTypeDate = this.MediaType(
this.baseconfig.PlayMediaTypeDefault
);
_this.videoUrl = res[this.MediaTypeDate];
if (_this.baseconfig.DefaultPlayer == "auto") {
if (res.VideoCode == "H264") {
console.log("到这里3");
_this.getOldVideoUrl();
_this.NewPlay = false;
_this.oldplay = true;
} else {
_this.oldplay = false;
_this.NewPlay = true;
// 获取到地址之后初始化播放器
_this.new265play.play(this.videoUrl, 1);
}
} else if (_this.baseconfig.DefaultPlayer == "EP") {
if (res.VideoCode != "H264") {
_this.$message({
type: "error",
message: "H265流请切换EasyWasmPlayer播放器",
});
}
_this.NewPlay = false;
_this.oldplay = true;
_this.getOldVideoUrl();
} else {
_this.NewPlay = true;
_this.oldplay = false;
_this.new265play.play(this.videoUrl, 1);
}
});
_this.touch();
});
},
EasyGBSのビデオ視聴は分割画面機能に相当します。実際にテストして使用したい場合は、テスト版を入手するために私たちに連絡することもできます。TSINGSEEはあなたの相談とコミュニケーションを歓迎します。その他のビデオ関連のソリューションについては、フォローするか、TSINGSEEVideoの公式Webサイトにアクセスしてください。