草庐IT

Android MediaRecorder API 不断裁剪视频比特率

全部标签

javascript - 在 IE/Chrome 中动态更改嵌入的视频 src(在 Firefox 中工作)

我正在尝试动态更改页面上的嵌入视频。它在Firefox中工作,但由于某种原因它在IE和Chrome中不工作(奇怪的组合)。这是HTML:这是我的javascript代码。单击链接以更改视频:$("#videoa").click(function(){varvideoAddress=$(this).attr("href");$("#embeddedPlayer").attr("src",videoAddress);returnfalse;//stopthedefaultlinksoitjustreloadsinthevideoplayer});就像我说的那样,视频在Firefox中发生了

javascript - 请求不断调用的动画帧

尝试了解RequestAnimationFrame及其内部工作原理。浏览器有一个主线程,它是一个事件循环。事件循环可以填充各种异步事件,例如用户交互、定时器被触发、网络调用完成以及触发布局和绘制的事件,例如输入或JS。因此,当JS函数使DOM布局无效或导致重新绘制时,浏览器的主线程重新绘制需要更新的图层,合成器线程将更新后的纹理上传到GPU,最终合成发生并显示结果图像到屏幕上。因此,我的印象是浏览器仅在实际需要时才执行绘制。如果您在静态页面上捕获ChromeDevTools时间轴上的事件而没有发生任何事情,则绝对不会捕获任何事件(没有布局、没有绘制、没有触发动画帧)。说得通。然后你在控

javascript - 如何在 ionic 3 中将视频文件从 ios 转换为 base64

我正在尝试转换我们可以从iOS设备检索的视频url,并将其转换为ionic3中的BASE64,但我无法实现BASE64url​​。iOS视频URL:filePath=/var/mobile/Containers/Data/Application/3436A7EB-4684-4618-8125-3E6AE1645FCE/Documents/MUS_RA/1534429730643_capturedvideo.MOV我尝试了以下代码,通过使用BASE64cordova插件将视频URL转换为BASE64,但没有成功this.base64.encodeFile(filePath).then((

javascript - 使用注入(inject)的 javascript 检测 Youtube 视频变化

我正在构建一个扩展(一些注入(inject)的js),它将一些按钮添加到youtube页面,效果很好。我的问题是,当用户点击另一个视频(比如在右侧列表中)时,下一个视频会在没有实际页面重新加载的情况下加载。有什么方法可以检测到此更改以便我可以重新运行我的代码吗?我已经尝试过绑定(bind)到hashchange事件,但无济于事。 最佳答案 这个想法很简单:使用background.js使用chrome.tabs.onUpdated监听特定youtube标签页的url变化一旦检测到选项卡更改,将新URL发送到该选项卡中运行的内容脚本后

javascript - 使用 chrome 时,我网站上的 Youtube 嵌入式视频无法全屏显示

在我的网站上,我用这个简单的代码嵌入了一个Youtube视频:结果是页面底部的视频:http://www.rpginsider.com/child-of-light-releases/当我在Chrome中按下该视频的全屏按钮时,该视频没有全屏显示。相反,我的整个浏览器全屏显示(就像我按F11键一样),但不是视频。但是,当我使用Explorer或Firefox时,全屏显示效果很好。所以很明显我做错了什么。任何帮助,将不胜感激。 最佳答案 此问题可能是由CSS动画引起的。如果iframe的任何祖先元素由CSS3Animations设置动

javascript - 跟踪用户观看视频的时长

我教授在线类(class),我需要确保我的学生确实观看了某个视频。现在,我明白一切都可以被打败,但我正在寻找的是80/20规则,我可以做一些调整来开始对我的学生负责的旅程。问题1:如果当前窗口失去焦点,是否可以通过JavaScript触发事件?Q2:有没有办法在视频播放完毕后触发事件?问题3:有没有办法确保视频一直播放,而不是让学生点击时间线的末尾?我不得不(再次)说,请不要用“你在浪费时间,学生会打败你所做的任何事情”之类的话来回答这个问题。 最佳答案 您使用的是什么播放器。如果您使用的是JWPlayer或FlowPlayer等开

javascript - MediaElement.js - Flash 视频在完全加载之前不会播放

我遇到一个问题,MediaElement.js(我的Flash视频播放器)在视频完全加载之前不会播放我的.m4V视频文件(使用ffmpeg编码)。我已经用各种第三方视频文件进行了测试,这些文件似乎在完全加载之前就可以立即播放。只有我的文件没有:(当使用html5视频解决方案播放时,它们会立即播放,而不是在flash后备上。这可能与视频编码的设置有关吗?我看不出任何其他原因。代码:varvideoPlayer=MediaElement('player1',{success:function(me){me.play();}});如您所见,我没有指定任何选项,播放器处于默认设置。希望有人以前

javascript - Chrome 视频元素 canplay 事件未触发

在Windows7和Linux(Ubuntu13.10)上的Chrome31中,video元素上的事件处理程序注册了canplay(和oncanplay,只是为了确保)永远不会开火。当我检查DOM节点时,没有oncanplay属性。spec说它应该存在。有谁知道Chrome何时或是否会支持此事件? 最佳答案 Chrome确实支持canplay事件。您看不到它是因为检查器只显示所有元素上的那些属性,而不仅仅是媒体元素。它也不显示loadedmetadata、durationchange等,但Chrome绝对支持这些。我没有看到您的代码

javascript - 如何使用 HTML5 视频标签捕获 NETWORK_NO_SOURCE 错误

如果为HTML5标签提供的所有标签都不可播放,我想显示错误。根据thispageontheMozillaDeveloperNetwork,似乎我必须检查视频元素的networkState属性以查看是否加载了任何源,因为每个单独的源标记在加载失败时都会抛出自己的错误。Todetectthatallchildelementshavefailedtoload,checkthevalueofthemediaelement'snetworkStateattribute.IfthisisHTMLMediaElement.NETWORK_NO_SOURCE,youknowthatallthesour

javascript - 具有 "feather"边缘效果的 Canvas 裁剪

我目前正在将图像绘制到HTML5Canvas并用弧线对其进行mask,在绘制图像之前调用clip()以便仅显示弧线中的部分。我怎样才能羽化这条弧线的边缘?我通过谷歌搜索知道没有简单的方法可以简单地将“羽毛”应用于用Canvas绘制的形状。在边缘接触圆弧的图像的像素数据上要做什么?感谢您的帮助。这是我的代码的相关部分:ctx.arc(canvas.width/2,canvas.height/2,250,0,6.28,false);//drawthecirclectx.restore();ctx.save();ctx.drawImage(background,0,0,background.