html5-video相关内容

通过视频引发的创建的画布“可能无法导出已污染的画布".保存时出错

我正在使用此示例从HTML5视频创建快照.视频托管在我无法控制的第三方服务器上. 所以我想保存图像，但是 toDataURL 由于安全原因而失败. 这是错误:无法在"HTMLCanvasElement"上执行"toDataURL":可能无法导出污染的画布. 我想有解决图像的方法. img.crossOrigin =“匿名" 像这样.此处和 ..
发布时间：2021-04-21 19:13:19 前端开发

如何使用Javascript编辑视频?

我正在尝试从头到尾修剪浏览器中视频的长度.我目前拥有的是一个MediaStream，该媒体流正在使用MediaRecorder API进行记录，我使用它在记录的结尾生成一个Blob，并将其类型设置为"video/mp4".这样效果很好，我可以播放视频，但是我想要一种在开始或结束时修剪视频的方法. 在进一步研究MediaStream API时，我遇到了 SourceBuffer 对象，并使用它 ..
发布时间：2021-04-16 19:13:56 前端开发

如何构建一个简单的视频流服务器?

我是视频流媒体的新手，我只是建立了一个示例网站来播放视频.在这里，我只是将视频文件的位置提供给html5中的视频标签.我刚刚注意到，在youtube中，视频标签包含Blob网址，并对此进行了调查.我发现视频数据是分段的，并且遇到了一个称为伪流的术语.而好像我建立的网站会下载整个文件并播放视频.我没有尝试进行任何实时流式传输，只是尝试流式传输本地视频.我想也许视频数据分段接收的方式是由视频流服务器完 ..
发布时间：2021-04-15 20:16:19 其他开发

在悬停搜索栏上显示视频帧的时间

我正在尝试显示html5视频的搜索栏悬停的时间.(类似于youtube的操作方式).我尝试在视频上使用timeupdate事件，如下所示，但看起来还有更多内容. 函数myFunction(event){//currentTime属性document.getElementById("demo").innerHTML = event.currentTime;var video = ..
发布时间：2021-04-07 19:04:27 前端开发

使用Amazon Elastic Transcoder获取视频文件的视频分辨率

我们正在使用此配置: 1-向访问者显示JS上传表单2-将选择的文件直接上传到Amazon S33-使用带选项的Amazon Elastic Transcoder在MP4中对视频进行转码:*分辨率:自动*缩略图:每2秒打开一次 一切正常.但是，出于两个原因，我需要获得原始视频分辨率/比率.第一个原因是能够为缩略图生成设置良好的比率.(有时是16/9、4/3，iphone视频...)第二个原因 ..
发布时间：2021-04-03 19:28:25 前端开发

无法使用AJAX调用将上传的视频的Blob URL保存在后端服务器上

我有一个网页，用户使用html的"input type = file"标签上传视频文件，我在JavaScript函数变量中捕获了该上传的视频文件，该文件以blob URL的形式出现."blob: https://www.myownsite.com:8080/2e8cfd32-abf2-4db3-b396-91f76cc3b40c ".我无法在我的系统中保存该Blob URL. HTML代码: ..
发布时间：2021-04-02 19:46:08 前端开发

如何覆盖默认的浏览器HTML5视频控件?

我正在尝试将视频播放器的自定义快捷方式更改为Youtube的自定义快捷方式.在YouTube上，箭头键后退并快进5秒.在Firefox和Google上，默认情况下，当按左箭头键时，视频倒退15秒，当按右箭头键时，视频快进15秒.我想把时间定为5秒.我尝试使用e.preventDefault()无济于事.我在空格键上有同样的问题. 关于如何实现这一目标的任何想法? 当前代码: wi ..
发布时间：2021-02-15 18:34:06 前端开发

如何在iPhone上播放嵌入在网页中的html5视频?

(对不起大图片，不确定在此降价促销中如何调整大小) 我的网页上有一些视频，使用的是html5视频标签. 在android上，该视频将保持在页面上的内联状态，使我可以在其周围包含其他内容，例如HTML中的字幕. 但是在iPhone上，当您点击播放时，视频会跳出全屏，破坏其他功能. 有什么办法可以防止这种接管吗? 在Android或普通网络上，我们没有此问题. 使用are(玉 ..
发布时间：2021-02-08 20:38:59 移动开发

如何检测iOS离开全屏视频?

如何检测iOS上的视频何时关闭?我正在运行videojs，它将HTML5视频作为本机视频播放器启动.为了做出正确的反应，我想在关闭本机播放器时得到一个事件. 这里有几个与此类似的问题，但没有一个答案起作用. 我尝试过的第一个解决方案: player.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, fal ..
发布时间：2020-12-01 02:44:20 移动开发

如何在video-js中更改控件的布局

大约一周前，我刚刚开始使用(尝试使用)video-js， 用于我的HTML5视频项目. 花了很长时间才意识到我不喜欢默认值 布置在播放器底部的东西. 具体来说，我不喜欢PlayProgressBar自动缩短的事实 本身在右边，以发现音量控制. (错误的选择 我认为是默认情况. 对我来说更有意义的是上面的PlayProgressBar的布局， 和它下面的ControlBar.如此处 ..
发布时间：2020-11-24 19:18:07 前端开发

没有海报属性的视频海报(移动浏览器)

我正在使用video HTML标记.到目前为止，如果我不指定任何poster，将如何选择?是否取决于视频文件格式?是否取决于视频内容(第一帧等)?是否取决于移动浏览器版本等? 解决方案 到目前为止，我只使用带有video标签的MP4文件，并且每次我都没有指定海报图像时.默认情况下，它已拾取第一帧. 我知道此信息对您没有任何具体证据，并且可能无济于事，以为我会分享我的经验. ..
发布时间：2020-11-24 19:18:00 移动开发

HTML5视频在IE和Edge中变黑

在我的视频渲染过程中，独立构图似乎不起作用.我的广告也坏了.它们保持黑色并给出错误: 为视频渲染禁用了独立合成.这个可以 对性能产生负面影响 我正在使用GoogleIMA SDK. 来自 MSDN : HTML5视频标记是明确针对的元素 独立组成.独立渲染和编写HTML5 视频可提供快速流畅的媒体播放体验. 我不知道为什么这不起作用，这是一个错误吗? 解决方案 ..
发布时间：2020-11-24 19:17:57 前端开发

更改智能设备的html5视频元素的HLS视频源

我正在尝试使用javascript动态更改视频源.我有一个包含元素的网页，该网页将播放HLS流.可以，但是我无法通过脚本动态更改视频. 我真的很坚持.我也许可以通过使用iframe解决此问题，但这会带来其他问题. 有人提示如何在智能设备上使用视频标签来更改HLS-Stream，而不必关闭整个页面并打开另一个页面吗? 我知道移动智能设备只能播放一个视频，但是，如果视频 ..
发布时间：2020-11-24 19:17:47 移动开发

您如何在视频元素中播放画布?

我看过一个到目前为止，这是我的代码，其中包含从stackoverflow借用的图像.如何更改代码以将画布显示为视频? const canvas = document.getElementById('viewport'); const context = canvas.getContext('2d'); const video = document.getElementById('vide ..
发布时间：2020-11-24 19:17:45 前端开发

iOS中的React Video重新渲染问题

我正在使用React应用程序，其中有20多个步骤，每个步骤都会用新的来源重新渲染视频组件.我遇到的问题是，iOS浏览器(Safari和chrome)在重新渲染视频几次后停止播放它. import React, {Component} from "react"; import PropTypes from "prop-types"; import LoadingPoster from "ass ..
发布时间：2020-11-24 19:17:41 前端开发