Hello everyone. I have a question regarding recording video inside a 3D window.
I have connected a script to the project that creates a window recording with my 3D model, and after its ends saves the recording to the computer. However, the final file format is “webm”. When I change the output format inside the script to “mp4”, the file crushes.
This is my current screen record script.
function runCode(app, puzzles) {
const type = v3d.Detector.checkIOS() ? ‘video/mp4’ : ‘video/webm;codecs=avc1’
const stream = app.renderer.domElement.captureStream()
const recorder = new MediaRecorder(stream, { mimeType: type })
recorder.addEventListener(‘dataavailable’, function (e) {
const link = document.createElement(‘a’)
link.href = URL.createObjectURL(e.data)
link.download = ‘video.webm’
document.body.appendChild(link)
link.click()
URL.revokeObjectURL(link.href)
link.remove()
})
const recordBtn = parent.document.getElementById(‘recordBtn’)
recordBtn.addEventListener(‘click’, function () {
if (recorder.state == ‘inactive’) {
setScreenScale(1)
setTimeout(function () {
recorder.start()
}, 100)
recordBtn.classList.add(‘stopped’)
} else if (recorder.state != ‘inactive’) {
recorder.stop()
recordBtn.classList.remove(‘stopped’)
}
})
function setScreenScale(factor) {
app.renderer.setPixelRatio(factor)
if (app.postprocessing) app.postprocessing.composer.setPixelRatio(factor)
app.onResize()
}
}
What can I change here?
Thanks in advance for your answer
.
