我试图用ffmpeg.js将webM文件转换为mp4.我正在从画布(带有一些信息的覆盖层)录制视频并录制视频中的音频数据.
stream = new MediaStream();
var videoElem = document.getElementById('video');
var videoStream = videoElem.captureStream();
stream.addTrack(videoStream.getAudioTracks()[0]);
stream.addTrack(canvas.captureStream().getVideoTracks()[0]);
var options = {mimeType: 'video/webm'};
recordedBlobs = [];
mediaRecorder = new MediaRecorder(stream, options);
mediaRecorder.onstop = handleStop;
mediaRecorder.ondataavailable = handleDataAvailable;
mediaRecorder.start(100); // collect 100ms of data
function handleDataAvailable(event) {
if (event.data && event.data.size > 0) {
recordedBlobs.push(event.data);
}
}
mediaRecorder.stop();
Run Code Online (Sandbox Code Playgroud)
此代码按预期工作并返回webm视频
var blob = new Blob(recordedBlobs, {type: 'video/webm'});
Run Code Online (Sandbox Code Playgroud)
现在我想要一个mp4文件并检查muaz-khan 的ffmpeg.js.这些示例展示了当您有2个单一流(音频和视频)时如何转换为mp4.但我有一个带有附加音轨的流.我可以将这样的流转换为mp4吗?怎么办?
我正在使用WYSIWYG Editor summernote.
我有一个textarea
<textarea name="data[Text][text]" rows="3" class="form-control" autofocus="autofocus" cols="30" id="TextText" required="required"></textarea>Run Code Online (Sandbox Code Playgroud)
和一个JavaScript:
$(document).ready(function() {
$('#TextText').summernote({
height: 250,
toolbar: [
['style', ['bold', 'italic', 'underline', ]],
['para', ['ul', 'ol', 'paragraph']],
]
});
});Run Code Online (Sandbox Code Playgroud)
正如您所看到的,textarea具有所需的属性,但在将summernote应用于textarea之后,提交一个空表单会在chrome中抛出一条javascript消息:
名称='data [Text] [text]'的无效表单控件不可聚焦.
Firefox不会抛出任何错误,但也不表示输入是必需的.
如何强制summernote保持所需的属性?
ffmpeg ×1
javascript ×1
jquery ×1
mediastream ×1
mp4 ×1
required ×1
summernote ×1
validation ×1
webrtc ×1