草庐IT

视频剪切

全部标签

javascript - 将文件流式传输到 html 视频播放器,因为它正在使用 fs 在 Electron 中下载

我目前正在尝试使用HTML视频播放器从Electron中的文件系统流式传输文件。我想在文件下载时开始流式传输。我不确定我当前的计划是否可行(或者这是否可行)。计划从文件创建一个可读流,该流会随着文件的下载而更新从该流生成一个bloburl使用该bloburl作为视频源我认为目前失败的地方是我在读取第一个block后生成了一个bloburl,但之后的任何block都不包含在bloburl中。这是关于我想做的事情(我知道这段代码行不通)constfile=GrowingFile.open(downloadPath)//providesareadablestreamforafileletch

javascript - 从浏览器上传视频到 youtube

我确定授权。我的页面上有2个这样的按钮:我想在单击“上传”按钮时将所选文件上传到youtube。我正在调用这样的函数:functionupload(){varfileStream;varvideo=document.getElementById("fileToSend");varfile=video.files[0];console.log(file);console.log("Nombre:"+file.name);varr=newFileReader();r.onload=function(){console.log("fileStreamcreado");fileStream=r

javascript - 是否可以在不将视频文件添加到 DOM 的情况下预加载和缓存视频文件?

我正在开发一款游戏,该游戏涉及根据您获得的结果触发30个小视频文件中的一个。由于视频需要在用户交互后立即播放,理想情况下我希望预加载视频并准备就绪。我已经添加了PreloadJS,排队了我需要的所有Assets。查看检查器中的“网络”选项卡,我可以看到加载屏幕上正在传输所有20mb的视频。但是,当需要播放剪辑时,似乎是重新下载它们而不是从内存中播放它们......我认为一旦文件被下载,它们就会留在浏览器缓存中,一旦我尝试加载具有相同src的文件,它就会从下载资源池中提取它,但这不是'好像不是这样的……知道如何在不向页面添加30个视频播放器的情况下将下载的文件保存在内存中吗?谢谢!蒙古包

javascript - 在 iPad/iPhone 上使用 HTML5 视频全屏显示

我正在尝试通过JavaScript在iPad/iPhone上播放和全屏显示HTML5视频元素,但是当我尝试videoElement.webkitEnterFullScreen()时,我看到一个INVALID_STATE_ERR:Dom异常11。我的Code对于Example现在,它看起来像是对thisbehavior的具体支持在此处添加:它专门防止在没有用户手势的情况下进入全屏。我的问题:有解决办法吗?我看到Vimeo的HTML5视频播放器正在以某种方式模仿这种行为here(在iPad/iPhone上)所以,这似乎是可能的。我错过了什么吗? 最佳答案

javascript - 动态更改视频使 play() 请求被新的加载请求中断

动态更改视频时,我在服务器控制台下收到以下错误(index):71Uncaught(inpromise)DOMException:Theplay()requestwasinterruptedbyanewloadrequest.发生变化时我正在使用以下代码functionplaylocalVID(){varplayer=document.getElementById("video");varcurrentVID=document.getElementById('currentVID');varselectedLocalVID=document.getElementById('howtov

javascript - 将音频和视频轨道组合到新的 MediaStream 中

我需要使用来自不同MediaStreams的音频和视频创建一个MediaStream。在Firefox中,我可以从轨道数组中实例化一个新的MediaStream:varoutputTracks=[];outputTracks=outputTracks.concat(outputAudioStream.getTracks());outputTracks=outputTracks.concat(outputVideoStream.getTracks());outputMediaStream=newMediaStream(outputTracks);不幸的是,这在Chrome中不起作用:Re

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 - 如何在 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设置动