java - 海康h5player内存泄露？

Question

问题

在使用海康h5player播放视频的时候，出现了内存泄露

版本2.12

链接

内存泄露监听,但是不知道怎么处理

    this.player.JS_SetWindowControlCallback({      performanceLack: function () {          //性能不足回调          console.log("performanceLack callback: ");          //   that.player.JS_Destroy();          //   that.initVideoList();        }    })

期望

可以一直播放视频，但是不知道怎么处理监听的内存泄露(重新刷新也不行，内存依旧，不是很0开始)

代码

<template>  <div>    <div id="player"></div>  </div></template><script>export default {  name: "VideoView2",  data() {    return {      projectList: [],      player: null,    };  },  created() {},  mounted() {    this.init();    this.createPlayer();  },  methods: {    initVideoList() {      this.$axios        .post(          "http://175.6.9.170:30101/3HDataSmart/videoRest/appVideoData/get",          {            builderLicense: "430111202111010101",            protocol: "ws",          }        )        .then((res) => {          this.projectList = res.projectList;          this.realplays();        });    },    // 海康视频初始化加载    init() {      // 设置播放容器的宽高并监听窗口大小变化      window.addEventListener("resize", () => {        this.player.JS_Resize();      });    },    createPlayer() {      this.player = new window.JSPlugin({        szId: "player",        szBasePath: "/h5player",        iMaxSplit: 9, //最大分屏        iCurrentSplit: 3,        openDebug: false,        oStyle: {          borderSelect: "#FFCC00",        },      });      // 事件回调绑定      let that = this;      this.player.JS_SetWindowControlCallback({        windowEventSelect: function (iWndIndex) {          //插件选中窗口回调          console.log("windowSelect callback: ", iWndIndex);        },        pluginErrorHandler: function (iWndIndex, iErrorCode, oError) {          //插件错误回调          console.log("pluginError callback: ", iWndIndex, iErrorCode, oError);          that.checkVideo(iWndIndex);        },        windowEventOver: function (iWndIndex) {          //鼠标移过回调          console.log(iWndIndex);        },        windowEventOut: function (iWndIndex) {          //鼠标移出回调          console.log(iWndIndex);        },        windowEventUp: function (iWndIndex) {          //鼠标mouseup事件回调          console.log(iWndIndex);        },        windowFullCcreenChange: function (bFull) {          //全屏切换回调          console.log("fullScreen callback: ", bFull);        },        firstFrameDisplay: function (iWndIndex, iWidth, iHeight) {          //首帧显示回调          console.log(            "firstFrame loaded callback: ",            iWndIndex,            iWidth,            iHeight          );        },        performanceLack: function () {          //性能不足回调          console.log("performanceLack callback: ");          //   that.player.JS_Destroy();          //   that.initVideoList();        },      });      this.initVideoList();    },    checkVideo(iWndIndex) {      this.$axios        .post(          "http://175.6.9.170:30101/3HDataSmart/videoRest/appVideoData/get",          {            builderLicense: "430105202302270102",            protocol: "ws",          }        )        .then((res) => {          this.projectList = res.projectList;          const item = this.projectList.find((_, index) => index === iWndIndex);          console.log("item", item);          this.realplay(item.playUrl, iWndIndex);        });    },    realplays() {      for (let i = 0; i < this.projectList.length; i++) {        setTimeout(() => {          this.realplay(this.projectList[i].playUrl, i);        }, 1000);      }    },    // 视频预览    realplay(playURL, index) {      this.mode = 1; //解码方式：0普通模式 1高级模式      const { player, mode } = this;      player.JS_Play(playURL, { playURL, mode }, index).then(        (res) => {          console.log("realplay success", res);        },        (e) => {          console.error(e);        }      );    },  },};</script>

Answer 1

<template>  <div>    <div id="player"></div>  </div></template><script>export default {  name: "VideoView2",  data() {    return {      projectList: [],      player: null,      timers: [], // 存储定时器    };  },  created() {},  mounted() {    this.init();    this.createPlayer();  },  beforeDestroy() {     window.removeEventListener("resize", this.resizeHandler);     this.player.JS_Destroy();     this.timers.forEach(clearTimeout);   },  methods: {    resizeHandler() {       this.player.JS_Resize();    },    init() {      window.addEventListener("resize", this.resizeHandler);    },    realplays() {      for (let i = 0; i < this.projectList.length; i++) {        const timer = setTimeout(() => {          this.realplay(this.projectList[i].playUrl, i);        }, 1000);        this.timers.push(timer);       }    },    // 其他方法...  },};</script>