Los nuevos usuarios de TSINGSEE Qingxi Video deben saber que nuestro EasyGBS existente tiene una función de visualización de video, que se agregó después de la actualización de la versión de este año. Los usuarios pueden ver videos de al menos 4 pantallas en la interfaz de visualización de video. Vista previa.
Sin embargo, la interfaz debe optimizarse actualmente. Si hay un problema con la interfaz de flujo de adquisición de canal alto o el tiempo de solicitud es demasiado largo, la pantalla dividida siempre estará en un estado de pantalla negra y el usuario no podrá ver de inmediato. el flujo de video Los canales de video a los que no se ha accedido están confundidos. Entonces podemos seguir el ejemplo del reproductor EasyWasmPlayer de EasyNVR para hacer una instantánea de video. ( Cómo el reproductor EasyWasmPlayer optimiza la función de instantánea al comienzo de la transmisión )
Cuando hacemos clic en un canal en EasyGBS para enviar la interfaz de datos solicitando la dirección de transmisión, primero cree una instancia del reproductor EasyWasmPlayer, llame a la interfaz de la instantánea del canal y use la función que se muestra en la instantánea del reproductor para devolver los datos al reproductor y mostrar la foto Para el usuario, indíquele al usuario que el canal está adquiriendo la transmisión, espere. Cuando la interfaz de dirección de flujo de solicitud devuelve datos, la instantánea se oculta. Comience a reproducir la transmisión de video, el código de referencia es el siguiente:
// 获取通道快照
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();
});
},La visualización de video de EasyGBS es equivalente a la función de pantalla dividida. Si realmente desea probarlo y usarlo, también puede contactarnos para obtener la versión de prueba. TSINGSEE agradece su consulta y comunicación. Para obtener más soluciones relacionadas con el video, síganos o visite el sitio web oficial de TSINGSEE Video.