Gideon Freduah Ответов: 0

Как установить тип mime для объекта video

Я пытаюсь установить тип mime для моего объекта a stream, возвращаемого из записанного объекта
но элемент видео превью неправильный MIME-тип ошибки

Ниже Приведен Полный Код

import React, { Component } from 'react'

export default class Video extends Component {
    componentDidMount = () => {
        var MsStream;
        const hasStream = () => {
            navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia
            return navigator.getUserMedia
        }

        function getMedia() {
            const constraints = { video: true, audio: false }
            navigator.getUserMedia(constraints,
                (stream) => {
                    MsStream = stream
                    const video = document.querySelector(".show")
                    video.srcObject = stream
                    record()
                    video.onloadedmetadata = () => video.play()
                }, (error) => {
                    console.log("Nothing Is Coming Out")
                })

        }
        hasStream() && getMedia()

        function record() {

            const recorder = new MediaRecorder(MsStream)
            var chunks = []
            document.querySelector(".start").onclick = () => {
                console.log(recorder.state)
                recorder.start()
            }

            recorder.ondataavailable = (event) => {
                chunks.push(event.data)
            }

            document.querySelector(".stop").addEventListener("click", () => {
                console.log(recorder.state)
                recorder.stop()
                var blob = new Blob(chunks, { "type": 'video/mp4' })
                const video = document.querySelector("#saved")
                video.src = window.URL.createObjectURL(blob)
            })

        }
    }

}


Что я уже пробовал:

document.querySelector(".stop").addEventListener("click", () => {
                console.log(recorder.state)
                recorder.stop()
                var blob = new Blob(chunks, { "type": 'video/mp4' })
                const video = document.querySelector("#saved")
                video.src = window.URL.createObjectURL(blob)
            })

0 Ответов