mediabunny/dev/live.html

<button>Go</button>

<script src="../dist/mediabunny.js"></script>

<script type="module">
    function download(blob, filename) {
		const url = URL.createObjectURL(blob);
		const a = document.createElement('a');
		a.href = url;
		a.download = filename;
		a.click();
		URL.revokeObjectURL(url);
	}

    const button = document.querySelector('button');
    button.addEventListener('click', async () => {
        const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
        const videoTrack = stream.getVideoTracks()[0];
        const audioTrack = stream.getAudioTracks()[0];

        const output = new Mediabunny.Output({
            target: new Mediabunny.BufferTarget(),
            format: new Mediabunny.Mp4OutputFormat(),
        });
        if (videoTrack) {
            output.addVideoTrack(new Mediabunny.MediaStreamVideoTrackSource(videoTrack, {
                codec: 'avc',
                bitrate: Mediabunny.QUALITY_MEDIUM
            }));
        }
        if (audioTrack) {
            output.addAudioTrack(new Mediabunny.MediaStreamAudioTrackSource(audioTrack, {
                codec: 'aac',
                bitrate: Mediabunny.QUALITY_MEDIUM
            }));
        }

        await output.start();

        await new Promise(resolve => setTimeout(resolve, 3000));

        await output.finalize();

        console.log(output.target.buffer);
        download(new Blob([output.target.buffer]), 'livetest' + output.format.fileExtension);

        videoTrack?.stop();
        audioTrack?.stop();
    });
</script>