JavaScript? ???? ?? ? Blob ???? ???? 5 ? ??? ??? ??????.

React-MIC? ???? ?? ? ? ?? ??? ????. ?? ? Blob ???? ?? 5 ? WAV ??? ???????. ??? ??? ? ? ?? ?? wav ?? ? ????? ??? ? ?? ??? ??? ???????? ?? ?????.

??? ?? ??? ?? ??? ??? ?, ??? ?? ? ?? ??? ?? ? ????. ??? Blob ???? ???? ???? ????, ?? ??? ? ???? ??? ???? ???? ??? ??? ? ????? ?????. ??? ?? ?? ? ??????.

 import React, {useref, usestate} 'react'
'react-mic'?? {reactmic, reactmicstopevent} import
'antd'?? {button} ?? ??

const audiorecorder = () => {
    const [record, setRecord] = usestate (false)
    const resref = useref <blob> ([])
    const audiochunksref = useref <blob> ([])
    const intercalref = useref <nodejs.timer null> (null)
    const firstBlob = useref <blob> (???? ??)

    const createwavheader = (numchannels, samplerate, bytelength) => {
        const ?? = New Arraybuffer (44);
        const view = ? ??? ? (??);

        view.setuint32 (0, 1380533830, false); // "??"
        view.setuint32 (4, bytelength 36, false);
        view.setuint32 (8, 1718449184, false); // "??"
        view.setuint32 (12, 1684108385, false); // "FMT"
        view.setuint32 (16, 16, true); // PCM? ?? 16
        view.setuint16 (20, 1, true); // pcm
        view.setuint16 (22, numchannels, true);
        view.setuint32 (24, samplerate, true);
        view.setuint32 (28, ?? ???? * numchannels * 2, true);
        view.setuint16 (32, numchannels * 2, true);
        view.setuint16 (34, 16, true); // 16 ??
        view.setuint32 (36, 1684108385, false); // "???"
        view.setuint32 (40, bytelength, true);

        ?? ??;
    };

    const savefile = async () => {
        const chunkslist = resref.current;
        for (i = 0; i <chunkslist.length i const audiobuffer="new" uint8array .arraybuffer createwavheader audiobuffer.length wavblob="new" blob : url="url.createobjecturl" a="document.createelement" a.href="URL;" a.download="`??" .wav a.click url.revokeobjecturl startrecording="()"> {
        setRecord (true)
        AudioChunksRef.current = [] // ?? ?? ???? ?????. // ?? intervalRef.current = setInterVal (() => {
            const curblob = new Blob (AudioChunksRef.current, {type : 'Audio/Wav'})
            const startIndex = AudioChunkSref.current.indexof (FirstBlob.current as blob)
            const blob = curblob.slice (startIndex === -1? 0 : startIndex, -1, 'Audio/Wav')
            FirstBlob.current = AudioChunksRef.current.at (-1)
            // ?? ?? ??? ?? ??.
            resref.current.push (blob)
        }, 5000)
    }

    const stoprecording = () => {
        setRecord (false)
        intervalref.current && clearinterval (intervalref.current) // ??? ???}

    const ondata = (RecordedBlob : blob) => {
        AudioChunkSref.current.push (RecordedBlob) // ??? ??? ??}}

    const onstop = (RecordedBlob : ReactMicStopevent) => {
        Console.log ( '?? ?? :', RecordedBlob)
    }

    const savefile1 = () => {
        const chunkslist = resref.current
        chunkslist.map (async (v, i) => {
            const filename = 'aaa.wav'
            const ?? : ?? = ? ?? ([v], filename, {type : 'audio/wav'})
            const filesize = file.size

            Console.log ( 'Filesize', Filesize)
            // ???? ?? ?? const url = url.createobjecturl (??)
            const a = document.createelement ( 'a')
            a.href = url
            a.download =`recording $ {i} .wav` // ???? ??? ?? ?? a.click () // ??? ???? // release url resource url.revokeobjecturl (url)
        })
    }

    const savefinalresult = () => {
        const filename = 'aaa.wav'
        const ?? : file = ? ?? (AudioChunkSref.current, filename, {type : 'audio/wav'})
        const filesize = file.size

        Console.log ( 'Filesize', Filesize)
        // ???? ?? ?? const url = url.createobjecturl (??)
        const a = document.createelement ( 'a')
        a.href = url
        a.download =`recording $ {date.now ()}. wav` // ???? ??? ??? ?????.
    }

    ?? (
        <div>
            <reftmic record="{record}" onstop="{onstop}" ondata="{ondata}" mimetype="Audio /Wav"></reftmic>
             ?? ?? 
             ?? ?? 
             ???? 
             ???? Final 
        </div>
    ))
}

?? audiorecorder? ??????</chunkslist.length></blob></nodejs.timer></blob></blob>

Blob ???? ???? WAV ??? ???? ???? WAV ?? ??? ???? ???? ??? ???? ?? ??? ??????. ? ??? WAV ??? ??? ??? ???? ?????. ?? ? ?? ??? ???? ???? ??? ??? ?? ? ? ????.

? ??? ?????? ? ?? ??? ?????? ??? ??? ??? ? ??? ?? ????? ? FFMPEG? WASM ??? ???? ????. ?? ?? ???? ?? ???? ??? WAV ?? ??? ?? ? ? ????. ? ??? ???? ?? FFMPEG.wasm ????? ???? ?? ??? ? ????.

? ??? ?? ? Blob ???? JavaScript? ???? ?? 5 ? WAV ??? ???? ????? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!