html5-video相关内容

滚动播放HTML5视频

我正在一个Wordpress网站上工作,下面是我想要的代码(仅播放一次,最后显示“重播"按钮). 当它滚动到ie时,我希望它开始播放.在视口中. 我在这里看到了几种实现此目的的方法,但是我不能让它们与我当前的代码配合使用. HTML ..
发布时间:2021-05-15 18:35:10 前端开发

React(HTML)视频标签无法在移动设备上自动播放

我创建了一个jsx变量,将视频嵌入到html中.每隔一个答案都说要包括静音,defaultMuted和playsinline(我已经有了).这些视频会在我的计算机上以safari,chrome和Firefox的格式自动播放,但无法在移动设备上播放.视频的开始屏幕已加载,但已暂停.我是否需要稍微做些不同,因为我可能正在使用React? 我在iOS 13.3上使用的是iPhone,自动播放功能无 ..
发布时间:2021-05-15 18:35:02 前端开发

如何为HTML5视频加载VTT文件启用CORS?

我的需要 html5 video元素同时加载保存在其他域中的视频和vtt文件. 问题 vtt未加载,并且错误从原点开始的文本轨道已被阻止:与文档不在同一原点,并且track元素的父级没有'crossorigin'属性. 我的调查 我知道需要使用CORS,这样才能将vtt成功加载到html5中. 我已在服务器端启用CORS,以接收来自任何域的请求. 有些文章说, ..
发布时间:2021-05-15 18:34:58 其他开发

透明的webm视频在Android 9.0上的Android 68的Chrome上显示纯色背景色

我有一个带有透明背景的webm视频的简单页面.它在台式机上运行良好.它也可以在运行Android 9.0的android手机上的Android版本66的Chrome上很好地运行.但是,在升级到适用于Android版本68的Chrome后,该视频将显示纯背景色.我检查了控制台,没有发现错误或警告. Chrome 66: 我在运行Android 7的其他手机上针对Android 68版的C ..

使用Azure Blob存储中的.Net Core API异步流式传输视频

我发现了很多示例,这些示例使用了我的应用程序中不可用的对象,并且似乎与我的.NET Core Web API版本不匹配.本质上,我正在一个项目上,该项目将在网页上具有标签,并且想要使用来自服务器的流而不是通过路径直接提供文件来加载视频.原因之一是文件的来源可能会更改,并且通过路径提供文件不是我的客户想要的.因此,我需要能够打开流并异步写入视频文件. 由于某种原因,这会产生JSON数据,这是错 ..
发布时间:2021-05-15 18:34:51 C#/.NET

将媒体源扩展(MSE)与WebRTC进行比较

Media Source Extensions和WebRTC之间的根本区别是什么? 请稍等一下.WebRTC包含一个RTCPeerConnection,该RTCPeerConnection处理从媒体流中获取流并将其传递到协议中,以流传输到应用程序的已连接对等体.WebRTC似乎将许多更大的问题(例如编解码器和代码转换)抽象化了.这是正确的评估吗? 媒体源扩展在哪里适合?我的知识有限,但 ..
发布时间:2021-05-15 18:34:45 前端开发

如何使用javascript获取html5视频的缩略图?

我已经找到了JavaScript代码来获取视频的缩略图(给定了其URL).但是,我只在YouTube和Vimeo上找到了它.似乎没有人列出如何使用打算嵌入html5 video标签的视频的示例.能做到吗谢谢. 解决方案 是的,您可以将视频用作画布的图像源.只需将代码包装为一个函数,该函数将视频和大小作为参数,然后返回canvas元素. 必须将视频加载到要快照的帧上. 示例方法 ..
发布时间:2021-05-15 18:34:41 前端开发

将块加载到html5视频中

在哪里可以阅读信息并查看将块加载到html5视频中的示例? 场景: 1.用户开始播放大型视频. 2.应下载10-20秒的视频. 3.如果用户观看的是前10秒,则应下载下10秒.因此,如果用户仅观看视频的前9秒,则不会有负载. 如果我们使用这种情况,它将减少服务器负载(在某些情况下). 例如: 尝试在YouTube上观看视频.他们是这样工作的.尝试加载一半的视频(约3分钟) ..
发布时间:2021-05-15 18:34:37 前端开发

JavaScript-如何一次播放多个视频?

我有一个希望同时播放的视频元素的 array . 我在网上找到的唯一可以做到这一点的方法是使用 new MediaController(); ,但这似乎并不广泛/如果完全受支持. 我期望做的是: var videos = document.querySelectorAll('video');var mc = new MediaController();video.forEach(f ..
发布时间:2021-05-15 18:34:29 前端开发

代理HTMLElement

我想检查库对传递给它的视频元素有什么作用,所以我天真地做到了: cosnt videoElement = new Proxy(document.querySelector('video'),{get(target,key){const name = typeof key ==='符号'?key.toString():键;console.info(`正在访问视频.$ {name}`)返回目标[键 ..
发布时间:2021-05-15 18:34:26 前端开发

使用video.js更改视频播放速度

是否有任何现有的插件可以使用video.js播放器更改视频的播放速率?如果没有,我该如何为其添加新插件和新控制按钮? 谢谢. 解决方案 我遇到了同样的问题.我刚刚发现: videojs('my-player',{播放率:[0.5、1、1.5、2]}); 请参见 videojs文档 ..
发布时间:2021-05-15 18:34:23 其他开发

HTML5视频的多个音轨

我正在使用HTML5为我的网站制作视频.理想情况下,我将只有一个无声视频文件,以及五个与视频同步的不同语言的音轨. 然后,我将有一个按钮,即使在播放视频时,该按钮也允许用户在音轨之间切换;这样,正确的音轨就会变得栩栩如生(无需暂停视频或重新开始播放视频,就像DVD音轨选择一样). 我可以在Flash中非常简单地执行此操作,但是我不想这样做.必须有一种在纯HTML5或HTML5 + jQ ..
发布时间:2021-05-15 18:31:05 前端开发

如何拍摄包含视频和画布的div的屏幕截图?

注意:这不是重复的,因为我没有发现与拍摄视频和画布的屏幕截图有关的任何问题,并且我尝试了html2canvas 我们有一个div,内部包含视频元素和画布.视频用于流式传输,画布用于在该视频上绘制任何内容.现在,如果我截取div的屏幕快照,它必须包含视频帧和图形.我没有找到任何办法.我尝试了html2canvas,但它只给出了canvas的屏幕截图.下面是代码. HTML: ..
发布时间:2021-05-15 18:30:54 前端开发

webRTC:如何在Stream中检测音频/视频的存在?

我想知道addstream回调中接收到的流中轨道的存在.视讯通话运作良好,但我想进行.仅音频呼叫,因此我只是在getUserMedia约束中传递了 audio:true,video:false ,现在,当我收到流时,我无法弄清流中的存在. 如何知道跟踪流中的存在? 解决方案 要了解音频和视频的存在,请使用 getAudioTracks 和 getVideoTracks . 功能ch ..
发布时间:2021-05-14 20:31:12 前端开发

VideoJS HTML5 Video JS如何将音量提高到最大值以上?

可能对此没有解决方案,但我想我还是会打听.有时视频确实很安静,如果我相应地调高计算机的音量,结果其他声音会变得太大.能够将音量提高到最大值会很好. 我在Google上进行了一次搜索,从字面上什么都没有发现,实际上甚至没有与videojs相关的结果.Mac上的某些视频几乎处于最大音量,无法很好地听到视频的讲话,因此从所有较低的音量开始并进行相应调整是不可行的. 我尝试过: var v ..
发布时间:2021-05-14 20:15:13 前端开发