草庐IT

播放视频

全部标签

Javascript 视频 blob 和渐进式下载

尝试将我的视频流Web应用程序从使用经典切换带有指向blob的URL,以避免在页面上使用简单的Ctrl+s进行完整下载。似乎必须使用XMLHttpRequest才能从远程视频文件创建blob。问题是XMLHttpRequest下载整个文件,这不适用于渐进式下载。以下代码是从远程文件加载blob的最简单示例。varr=newXMLHttpRequest();r.onload=function(){//Triggeredonlywhenallvideoisdownloadedvideo.prop("src",URL.createObjectURL(r.response));};r.open

html - 使用 HTML5 视频标签播放本地(硬盘)视频文件?

我想实现以下目标。这样做的目的是让用户能够从他/她的硬盘驱动器中选择一个文件。而没有上传的原因当然是传输成本和存储配额。没有理由保存文件。这可能吗? 最佳答案 可以播放本地视频文件。当通过input元素选择文件时:'change'事件被触发获得第一个Fileinput.files中的对象FileList制作一个objectURL指向文件对象将对象URL设置为video.src属性向后靠并观看:)http://jsfiddle.net/dsbonev/cCCZ2/embedded/result,js,html,css/(functio

javascript - headless (headless) JavaScript 测试 HTML5 音频/视频

我知道还有很多其他类似的问题,但是答案并没有提供解决这个问题的方法。我的网站上使用了一个使用HTML5网络音频的JavaScript文件,我想对其进行单元测试。我研究过将QUnit与PhantomJS结合使用,在你说什么之前我知道Phantom不支持它(http://phantomjs.org/supported-web-standards.html),但是我想知道是否有办法解决这个问题?在浏览器中使用QUnit测试它会像您预期的那样工作,但我不想每次都使用浏览器测试它,我希望它在服务器上自动进行。其中一个测试失败的示例:QUnit.test("isPlaying",function(

javascript - Soundcloud 流,soundmanager2 对象在调用 play() 时从不在 Chrome 上开始播放

在我的React应用程序中使用SC.stream,我只是想从soundcloudAPI播放轨道。这是我的代码:SC.initialize({client_id:'12xxx'//myclientID});//[...]console.log(this.props.track.trackId);//IgetheresuccessfullythetrackIdfromthesongI'dliketoplaySC.stream('/tracks/'+this.props.track.trackId,function(track){track.play();console.log(track)

javascript - 增加 video-js HTML5 播放器的缓冲区大小或时间

如何增加video-jsHTML5播放器的缓冲?我有一台美国服务器,在美国一切正常,但欧盟的客户存在与视频缓存相关的加载问题。video.js中的缓冲区大小是常量值,我想更改它。 最佳答案 您现在可以通过修改videojs.Hls.GOAL_BUFFER_LENGTH来自定义缓冲区长度以更改HLS视频的缓冲区大小,我试过了并且对我有用 关于javascript-增加video-jsHTML5播放器的缓冲区大小或时间,我们在StackOverflow上找到一个类似的问题:

javascript - 如何使用 javascript 创建 Soundcloud 播放列表(设置)?

我正在尝试将Soundcloudapi用于我的应用程序,用户可以在其中创建他/她自己的轨道播放列表。作为测试用例,我正在测试的示例几乎完全取自Soundcloud开发文档。下面是我的代码//initializeclientwithappcredentialsSC.initialize({client_id:'MY_CLIENT_ID',redirect_uri:'http://localhost.local/~****/sc/callback.html'});//initiateauthpopupandcreatenewplaylistSC.connect(function(){SC.

javascript - CSS 背景图像转换使视频标记缓冲区

我有一个视频标签,我想连续播放,而用户可以同时在网站上做一些事情。但是我发现,如果视频开始缓冲的背景图像之间的背景转换。我在下面的代码片段中有一个可运行的示例。注意:如果代码段正常运行,缓冲似乎不会发生,但如果将代码段放在“整页”中,缓冲就会发生。functionchangeBackground(){constrandomColor='#'+Math.floor(Math.random()*16777215).toString(16);constelement=document.getElementById('background');constcurrentOpacity=eleme

javascript - 根据滚动位置触发视频自动播放

我正在编写一个脚本,该脚本使用scrollorama.js脚本中的删除动画。我希望能够实现视频在滚动深度中的某些标记处自动播放:即,当一个视频页面擦掉另一个视频页面并且现在完全可见时。我已经弄清楚如何测量滚动深度,我已成功将其记录到我的控制台中。我已经想出如何测量我滚动的深度,但也许我太累了,我不知道如何让视频在滚动深度自动播放。我希望这是一个法律问题,我可以得到一些帮助。有没有人在那里尝试过这个?这是到目前为止的代码。在此处输入代码$(document).ready(function(){$(窗口).scroll(函数(e){varscrollAmount=$('body').scr

javascript - 如何创建视频文件的 blob

我想创建一个本地视频文件的Blobfile:///home/user/NodeJS/Projects/project1/routes/../videosTrans/Node.js初学者教程-Node.js介绍使用Express2.js.mp4我无法理解Blob的确切格式。我希望创建它以将其作为函数createObjectURL()的输入。以下不起作用:varURL=this.window.URL||this.window.webkitURL;varfile=newBlob(["file:///home/sanika/NodeJS/Projects/project1/routes/../

javascript - 如何防止 Javascript 菜单隐藏在 Flash 视频 (SWFObject) 下

如何防止Javascript菜单在Flash视频(SWFObject)下隐藏。我正在使用OpenFlashChart,该图表在我的php购物车中显示正常,但我的javascript菜单隐藏在FlashChart后面。如何解决这个问题?这是我的脚本代码:swfobject.embedSWF("open-flash-chart.swf","Dashboard_Chart","800","400","9.0.0","expressInstall.swf",{"data-file":"ofc-chart.php"});更新(已解决):我找到了解决方案。这是我的新代码,可以正常工作,菜单显示正常