{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/dashboard/Video.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/dashboard/Video.vue","mtime":1708395041887},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQpleHBvcnQgZGVmYXVsdCB7DQogICAgZGF0YSgpIHsNCiAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICAgIGlzVmlkZW86IGZhbHNlLA0KICAgICAgICB9Ow0KICAgIH0sDQogICAgcHJvcHM6IFsic3JjIl0sDQogICAgd2F0Y2g6IHsNCiAgICAgICAgc3JjOiB7DQogICAgICAgICAgICBoYW5kbGVyKCkgew0KICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKDExMSx0aGlzLnNyYykNCiAgICAgICAgICAgICAgICB0aGlzLmlzVmlkZW8gPSBmYWxzZTsNCiAgICAgICAgICAgICAgICB0aGlzLmplc3NpYnVjYSAmJiB0aGlzLmplc3NpYnVjYS5kZXN0cm95KCk7DQogICAgICAgICAgICAgICAgdGhpcy5zcmMgJiYNCiAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7DQogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmluaXQoKTsNCiAgICAgICAgICAgICAgICAgICAgfSwgMTAwKTsNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBpbW1lZGlhdGU6IHRydWUNCiAgICAgICAgfQ0KICAgIH0sDQogICAgZGVzdHJveWVkKCkgew0KICAgICAgICBpZiAodGhpcy5qZXNzaWJ1Y2EgJiYgdGhpcy5qZXNzaWJ1Y2EuZGVzdHJveSkgew0KICAgICAgICAgICAgdGhpcy5qZXNzaWJ1Y2EuZGVzdHJveSgpOw0KICAgICAgICB9DQoNCiAgICAgICAgaWYgKHRoaXMuc3JjLmluZGV4T2YoIi5tcDQiKSA+IC0xKSB7DQogICAgICAgICAgICB0aGlzLmlzVmlkZW8gPSBmYWxzZTsNCiAgICAgICAgICAgIHJldHVybjsNCiAgICAgICAgfQ0KICAgIH0sDQogICAgbWV0aG9kczogew0KICAgICAgICBpbml0KCkgew0KICAgICAgICAgICAgaWYgKHRoaXMuamVzc2lidWNhICYmIHRoaXMuamVzc2lidWNhLmRlc3Ryb3kpIHsNCiAgICAgICAgICAgICAgICB0aGlzLmplc3NpYnVjYS5kZXN0cm95KCk7DQogICAgICAgICAgICB9DQogICAgICAgICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgICAgICAgICAgaWYgKCF0aGlzLnNyYykgew0KICAgICAgICAgICAgICAgICAgICByZXR1cm47DQogICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIGlmICh0aGlzLnNyYy5pbmRleE9mKCIubXA0IikgPiAtMSkgew0KICAgICAgICAgICAgICAgICAgICB0aGlzLmlzVmlkZW8gPSB0cnVlOw0KICAgICAgICAgICAgICAgICAgICByZXR1cm47DQogICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIHZhciBqZXNzaWJ1Y2EgPSBuZXcgSmVzc2lidWNhUHJvKHsNCiAgICAgICAgICAgICAgICAgICAgY29udGFpbmVyOiB0aGlzLiRyZWZzWyJ2aWRlbyJdLA0KICAgICAgICAgICAgICAgICAgICB2aWRlb0J1ZmZlcjogMC4yLCAvLyDnvJPlrZjml7bplb8NCiAgICAgICAgICAgICAgICAgICAgaXNSZXNpemU6IHRydWUsDQogICAgICAgICAgICAgICAgICAgIHRleHQ6ICIiLA0KICAgICAgICAgICAgICAgICAgICBsb2FkaW5nVGV4dDogIuWKoOi9veS4rSIsDQogICAgICAgICAgICAgICAgICAgIHVzZU1TRTogdHJ1ZSwNCiAgICAgICAgICAgICAgICAgICAgdXNlU0lNRDogdHJ1ZSwNCiAgICAgICAgICAgICAgICAgICAgYXV0b1dhc206IHRydWUsDQogICAgICAgICAgICAgICAgICAgIC8vIGRlYnVnOiB0cnVlLA0KICAgICAgICAgICAgICAgICAgICAvLyBkZWJ1Z0xldmVsOiAiZGVidWciLA0KICAgICAgICAgICAgICAgICAgICBjb250cm9sQXV0b0hpZGU6IHRydWUsDQogICAgICAgICAgICAgICAgICAgIHNob3dCYW5kd2lkdGg6IGZhbHNlLCAvLyDmmL7npLrnvZHpgJ8NCiAgICAgICAgICAgICAgICAgICAgb3BlcmF0ZUJ0bnM6IHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGZ1bGxzY3JlZW46IHRydWUsDQogICAgICAgICAgICAgICAgICAgICAgICBzY3JlZW5zaG90OiB0cnVlLA0KICAgICAgICAgICAgICAgICAgICAgICAgcGxheTogdHJ1ZSwNCiAgICAgICAgICAgICAgICAgICAgICAgIGF1ZGlvOiB0cnVlLA0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgICAgICBmb3JjZU5vT2Zmc2NyZWVuOiB0cnVlLA0KICAgICAgICAgICAgICAgICAgICB1c2VXZWJGdWxsU2NyZWVuOiB0cnVlLA0KICAgICAgICAgICAgICAgICAgICBpc05vdE11dGU6IGZhbHNlLA0KICAgICAgICAgICAgICAgICAgICBsb2FkaW5nVGltZW91dFJlcGxheVRpbWVzOiAtMSwNCiAgICAgICAgICAgICAgICAgICAgaGVhcnRUaW1lb3V0UmVwbGF5VGltZXM6IC0xLA0KICAgICAgICAgICAgICAgIH0pOw0KICAgICAgICAgICAgICAgIGplc3NpYnVjYS5wbGF5KHRoaXMuc3JjKTsNCiAgICAgICAgICAgICAgICB0aGlzLmplc3NpYnVjYSA9IGplc3NpYnVjYTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICB9LA0KICAgIH0sDQogICAgbW91bnRlZCgpIHsgfSwNCiAgICBiZWZvcmVEZXN0cm95KCkgew0KICAgICAgICB0aGlzLmplc3NpYnVjYS5kZXN0cm95KCk7DQoNCiAgICAgICAgaWYgKHRoaXMuc3JjLmluZGV4T2YoIi5tcDQiKSA+IC0xKSB7DQogICAgICAgICAgICB0aGlzLmlzVmlkZW8gPSBmYWxzZTsNCiAgICAgICAgICAgIHJldHVybjsNCiAgICAgICAgfQ0KICAgIH0sDQp9Ow0K"},{"version":3,"sources":["Video.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"Video.vue","sourceRoot":"src/views/dashboard","sourcesContent":["<!--\r\n * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git\r\n * @Date: 2023-10-12 21:54:54\r\n * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git\r\n * @LastEditTime: 2023-10-12 22:14:40\r\n * @FilePath: /归档(3)/src/views/dashboard/Video.vue\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n-->\r\n<template>\r\n    <div ref=\"video\">\r\n        <video :src=\"src\" v-if=\"isVideo\" controls autoplay=\"autoplay\" loop style=\"width: 100%\"></video>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            isVideo: false,\r\n        };\r\n    },\r\n    props: [\"src\"],\r\n    watch: {\r\n        src: {\r\n            handler() {\r\n                console.log(111,this.src)\r\n                this.isVideo = false;\r\n                this.jessibuca && this.jessibuca.destroy();\r\n                this.src &&\r\n                    setTimeout(() => {\r\n                        this.init();\r\n                    }, 100);\r\n            },\r\n            immediate: true\r\n        }\r\n    },\r\n    destroyed() {\r\n        if (this.jessibuca && this.jessibuca.destroy) {\r\n            this.jessibuca.destroy();\r\n        }\r\n\r\n        if (this.src.indexOf(\".mp4\") > -1) {\r\n            this.isVideo = false;\r\n            return;\r\n        }\r\n    },\r\n    methods: {\r\n        init() {\r\n            if (this.jessibuca && this.jessibuca.destroy) {\r\n                this.jessibuca.destroy();\r\n            }\r\n            this.$nextTick(() => {\r\n                if (!this.src) {\r\n                    return;\r\n                }\r\n                if (this.src.indexOf(\".mp4\") > -1) {\r\n                    this.isVideo = true;\r\n                    return;\r\n                }\r\n                var jessibuca = new JessibucaPro({\r\n                    container: this.$refs[\"video\"],\r\n                    videoBuffer: 0.2, // 缓存时长\r\n                    isResize: true,\r\n                    text: \"\",\r\n                    loadingText: \"加载中\",\r\n                    useMSE: true,\r\n                    useSIMD: true,\r\n                    autoWasm: true,\r\n                    // debug: true,\r\n                    // debugLevel: \"debug\",\r\n                    controlAutoHide: true,\r\n                    showBandwidth: false, // 显示网速\r\n                    operateBtns: {\r\n                        fullscreen: true,\r\n                        screenshot: true,\r\n                        play: true,\r\n                        audio: true,\r\n                    },\r\n                    forceNoOffscreen: true,\r\n                    useWebFullScreen: true,\r\n                    isNotMute: false,\r\n                    loadingTimeoutReplayTimes: -1,\r\n                    heartTimeoutReplayTimes: -1,\r\n                });\r\n                jessibuca.play(this.src);\r\n                this.jessibuca = jessibuca;\r\n            });\r\n        },\r\n    },\r\n    mounted() { },\r\n    beforeDestroy() {\r\n        this.jessibuca.destroy();\r\n\r\n        if (this.src.indexOf(\".mp4\") > -1) {\r\n            this.isVideo = false;\r\n            return;\r\n        }\r\n    },\r\n};\r\n</script>\r\n"]}]}