小编q-j*_*ack的帖子

webRTC使用ffmpeg.js将webm转换为mp4

我试图用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吗?怎么办?

mp4 ffmpeg mediarecorder webrtc mediastream

10
推荐指数
1
解决办法
7358
查看次数

具有所需属性的summernote textarea不起作用

我正在使用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保持所需的属性?

javascript validation jquery required summernote

1
推荐指数
1
解决办法
5337
查看次数