草庐IT

实现视频的暂停、播放,上下切换等功能

全部标签

javascript - 如何使用 Youtube API 为 Youtube 视频添加字幕?

是否可以使用GoogleYoutubeAPIv3向Youtube视频添加字幕(重要条件-对于非所有者的视频)?任务:使用适用于JavaScript的GoogleAPI客户端库添加所选语言的自定义字幕。(GooglemapsAPI允许向他们的map添加自定义标记(例如),当我们是在谈论YoutubeAPI吗?) 最佳答案 Google称它们为“字幕”,API部分称为YouTubeAPIv2.0–Captions.Pleasenotethefollowingrequirementsforexecutingcaption-relatedA

javascript - jQuery 集合、功能和组织

我有以下代码,它获取单个图像并为其应用特定宽度:functionFoo(img){this.image=img;}Foo.prototype._getWidth=function(){returnthis.image.data('largest')+'px';};Foo.prototype.applyWidth=function(){this.image.css('width',this._getWidth());};varimg=Foo($('img'));img.applyWidth();然而,我正在努力处理jQuery图像集合,例如没有for循环的$('img')或$.each(

javascript - 视频 'timeupdate' 监听器忘记值

我有一个html5视频事件监听器,它应该等到正确的时间,然后在用户参加测验时暂停视频。第一个“类(class)”效果很好,第二个视频似乎也为听众添加了正确的暂停时间。但是在播放第二个视频时,它总是在170秒处暂停,这是第一个视频的暂停时间。此外,当我检查Chrome的开发面板时,它实际上显示timeCache在视频播放后立即恢复到以前的视频值;除非视频超过170标记,否则它将使用230秒的timeCache值。起初我以为是因为旧的事件监听器仍然存在,但我排除了这种可能性,问题仍然存在。这是链接http://koreanwordgame.com/grammar/varsetPause=f

javascript - 在 Javascript 中监控 WebRTC 视频(媒体)流质量

我正在使用WebRTC在对等点之间传输视频,但某些客户端的网络条件变化通常会导致接收到的视频流质量发生变化。人们将这些质量下降归咎于服务,显然我(服务)无法对他们的网络状况做任何事情。但是在客户端显示由于网络状况导致质量下降的指示很可能会缓解此问题。我已经在Google和Stackoverflow上搜索了一段时间,但没有看到任何与传入音频或视频流的质量检测相关的问题。有没有办法在直播期间监控质量(当前比特率或丢帧等)? 最佳答案 getStats()如果您想以编程方式实时访问信息,API就是您所需要的。webrtc-internal

javascript - 如何将视频(从 getUserMedia)发送到 Node.js 服务器?

我想构建一个聊天/直播应用程序(视频+文本聊天)。目前我还没有确定一种方法,但我正在推进一种方法,但我遇到了困难。我正在尝试使用getUserMedia获取视频流,并通过Socket.io将其发送到我的Node.js服务器。到目前为止,我已经得到了bloburl:"mediastream:http://192.168.1.20:3000/1c267861-a2da-41df-9a83-ae69fdfd883b"但我不确定如何获取从中获取数据以通过socket.io发送。任何帮助都会震撼。服务器://server.jsvarhttp=require('http');varsocketio

javascript - ng-repeat 中的 Angular 切换过滤器

我正在尝试使用ng-repeat显示一些数据。我想对显示的数据进行筛选,当我单击特定项目时,应删除筛选器。当我再次单击该特定项目时,应再次添加过滤器。我从一个想法开始,在我看来我有:{{t.name}}在我的Controller中:.controller('TicketCtrl',function($scope,$filter){$scope.toggleFilter=function(name){name=$filter('getSlice')(name);alert(name);}});当我提醒name时,它会提供正确的过滤项目,但它不会在View中更新。我认为这必须对ng-rep

javascript - 使用 canvg 将 C3.js SVG 可视化到 Canvas - 折线图填充黑色矩形, "ERROR: Element ' parsererror' 尚未实现”

我正在尝试使用Canvg将SVG转换为Canvas。这是jsfiddle.我收到一条错误消息,“错误:元素‘parsererror’尚未实现”。我可以理解canvg库无法解析SVG元素。但是,这个问题有解决办法吗?我需要从svg元素创建一个Canvas元素。SaveCanvas:varchart={};chart=c3.generate({bindto:'#chart',data:{xs:{'data1':'x1','data2':'x2',},columns:[['x1','2013-01-0103:11:37','2013-01-0203:11:37','2013-02-0303:

javascript - 正则表达式实现负号的奇偶规则

我想用JavaScript编写一个.replace函数来实现代数中负号的奇偶规则。在一系列的消极和积极的迹象中:情况一:如果负号的个数为奇数,则相当于一个负号情况2:如果有偶数个负号,则相当于正号。然后我会执行.replace(/regexforcase1/,"-")和.replace(/regexforcase2/,"+")。关于如何执行此操作的任何想法?以下是示例字符串:\frac{a^{n+-m}}{b}->\frac{a^{n-m}}{b}abc+cde=ghj--+--hsnj->abc+cde=ghj+hsnj 最佳答案

javascript - 如何定义 Node.js 应用上下文路径?

来自Java世界,其中基于Servlet的应用程序上下文路径是根据WAR文件名设置的,我试图了解在Node.js中定义上下文路径的最佳实践。有问题的Node应用程序没有在代码中定义上下文路径。例如,Express代码假定获取故事的请求具有路径为/story/1的URL。因此,JavaScriptUI代码会向http://host:port/story/1发出请求。.同样,对于连接到应用程序主页面的用户,他们会转到http://host:port/。.我想将用户看到的URL更改为http://host:port/myapp.问题是如何一致地将“myapp”定义为应用程序上下文。我正在考虑

javascript - 如何测试 Node 数据分块功能

我正在开发一个使用Node的项目,我们正在努力实现100%的功能覆盖。这是我们唯一没有测试过的函数,它在另一个函数中。varuserInput="";req.on("data",function(data){userInput+=data;});你如何着手测试这个功能?我们尝试从另一个文件导出函数,但没有成功。我应该提一下,我们正在使用磁带作为测试模块。 最佳答案 您需要根据请求触发此“数据”事件。这样这个回调就会被调用。例如,假设您的测试中有req,您可以做类似的事情(这是Mocha):req.trigger('data','sa