使用html5视频提取部分视频.iphone/ipad上的全屏问题

Question

我想要完成的事情:

我有一个项目,我希望在他们的应用程序中完成藤蔓所做的事情.我的项目将是一个普通的网站.

这是我通常想要的截图:

用户应该可以录制视频,接收部分视频并将其上传到我的网站.音频也应该是视频的一部分.

到目前为止,我已经制作了一个循环所选区域的滑块.目前的代码\原型可以在这里看到:http://smn-vlp.azurewebsites.net/ 小心:有声音.

现在它只用javascript和视频dom元素完成.

问题: 无论我对所选部分做什么,Iphone都使用全屏视频.在其他设备上它看起来很棒.

可能的解决方案: 我尝试使用canvas来播放视频,但为了实际将图像添加到画布,原始视频必须使用.play().这将再次触发safari的全屏模式.然后我考虑设置currentTime = + 1并将帧放到画布而不实际播放视频.但是,我可以将绘制的图像保存在一个数组中,然后生成一个视频吗？

如果我从画布图像生成视频,我该怎么办？这有用吗？

function CaptureAudio() {
    var audioContext = new webkitAudioContext();
    var gainNode = audioContext.createGain();
    gainNode.gain.value = 1;                   // Change Gain Value to test
    filter = audioContext.createBiquadFilter();
    filter.type = 2;                          // Change Filter type to test
    filter.frequency.value = 5040;            // Change frequency to test

    var source = audioContext.createMediaElementSource(video);
    source.connect(gainNode);
    gainNode.connect(filter);
    filter.connect(audioContext.destination);
    console.log(source);
}

如果是这样,我想我必须跟踪视频的选定部分,并在生成视频之前获取该部分的音频.视频可以从图像和音频一起生成吗？

现在,在尝试所有这些之前,我很乐意听到任何做过类似事情的人的声音,所以我不会遵循一条无法完成的疯狂道路.该项目目前有一些预算限制.

问题摘要:

1. 我应该使用画布生成视频的选定部分吗？
2. 我可以从原始视频中为生成的视频添加音频吗？
3. 这是要走的路吗？
4. 实际上是否有可能在不使用fullscren的情况下在iphone上生成视频？
5. 我希望有关如何实现这一目标的其他一般性建议.

Answer 1

根据这篇文章，您没有任何解决方案可以让您的应用程序直接“作为网站”运行。用户必须将其保存到他们的仪表板，或者你必须制作一个带有 webview 的 iOS 应用程序......

干杯。