草庐IT

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

全部标签

javascript - 切换大小写字符串正则表达式和数字

有没有办法在单个Javascriptswitch语句中创建多个case?在我的代码中,我通过jQuery接收字段的值。是否有可能一种情况检查字符串正则表达式而另一种情况检查相同变量的数量?我的思路是:varfield=$(this).val();varmsg;switch(field){casefield.test('Yes'):msg="FOO\n";break;case10:msg="BAR\n";break;}虽然我在这里看到:SwitchstatementforstringmatchinginJavaScript在字符串上使用switch的方法是向switch语句发送一个“真”

javascript - Chrome 中的打印功能不再有效

我们的网站具有可以打印成员(member)资料的功能。它的工作方式是通过onsubmit将javascript函数附加到按钮。javascript函数使用window.open以特殊模式重新打开页面,重新显示页面的打印机友好版本。此功能大约从2008年开始就已经存在,并且适用于所有浏览器。除了大约一周前,它已经停止在Chrome中工作。使用Chrome时,打开的窗口会打开,但随后会短暂打开另一个空白窗口,然后所有窗口都会关闭。在搜索有关此问题的讨论时,我无法找到确切的问题,但确实找到了一些内容,说应该在onsubmit中添加“returnfalse”。我尝试添加它,但没有帮助。这是on

javascript - 滚动时多次触发停止功能

当用户滚动到底部时,以下代码加载下一页。然而,有时它会自己重复——当用户滚动得太快,或者在AJAX仍在加载时滚动。有没有办法防止它多次触发?因此,例如,在调用AJAX时无法加载任何内容,或者AJAX只能每秒调用一次?任何帮助都会很棒。$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){if(firstURL!==null){$.get(firstURL,function(html){//thisgetscalledmultipletimesonerr

javascript - 如何使用 HTML5 音频 API 播放从 XMLHTTPRequest 返回的音频

在向我的服务器端api发出“AJAX”请求时,我无法播放音频。我有后端Node.js代码,它使用IBM的WatsonText-to-Speech服务来提供文本音频:varrender=function(request,response){varoptions={text:request.params.text,voice:'VoiceEnUsMichael',accept:'audio/ogg;codecs=opus'};synthesizeAndRender(options,request,response);};varsynthesizeAndRender=function(opt

javascript - 视频加载后的 jQuery 加载函数

我有这样的HTML代码:......我使用了这个JS代码:$(document).ready(function(){"usestrict";$("#abc").load(function(){console.log(3);});});我想在视频加载时运行该函数。JS代码适用于img标签,但不适用于video标签。我希望它像img标签一样工作。就像我不希望它在从缓存中加载视频时运行一样。我该怎么做? 最佳答案 HTML元素video没有load事件。它还有其他的,例如loadstart、loadeddata或loadedmetadat

javascript - 需要优化功能

我正在研究这个函数,它必须返回添加a和bn次的所有可能值,例如如果n=1那么可能的值将是a+aa+b和b+b。下面的功能有效,但它太慢了,我想优化它。有什么建议么?非常感谢!functionprocessData(n,a,b){varans=[0];for(vari=0;i 最佳答案 functionprocessData(n,a,b){varans=[];if(a==b){for(vari=0;ib){vartemp=a;a=b;b=temp;}vardiff=b-a;for(vari=0;i好的,这是迄今为止最有效的解决方案。我

javascript - Angular 2 使用三元运算符分配点击功能

我想应用点击功能:setPage(page-1)但仅当此条件匹配时:page>1我以为我可以这样做,但是没有用,有什么想法吗?1}">Previous 最佳答案 这应该有效:1?setPage(page-1):null">Previous类似的例子:http://plnkr.co/edit/ojO0GwQktneBuzKqKTwz?p=preview 关于javascript-Angular2使用三元运算符分配点击功能,我们在StackOverflow上找到一个类似的问题:

Javascript 过滤器功能 - 试图正确理解它

我需要一些帮助来阐明我应该如何使用过滤器。以下工作正常:letnums=[10,12,15,20]nums.filter(num=>num>14)结果=[15,20]如果我理解正确,我将传入一个以num作为参数的函数。这就是一切变得困惑的地方(请记住,我不是高级js程序员)我有一个html元素数组letfields=document.getElementsByClassName("f-field")返回数组中的每个元素都包含一堆其他html元素,它看起来像这样。内部HTML可以是文本区域、选择、输入等等......我试过了,上面写着“fields.filter不是函数”fields.f

javascript - (React js) 音频 src 在 setState 上更新,但音频播放没有改变

我正在尝试使用React构建一个迷你2轨音频播放器。音频由一个html音频元素集中控制,该元素在子组件内有一个轨道列表。可以看到(尚未设置样式的)播放器here.我可以在React开发工具中得知,单击各个音轨选择按钮确实会更新音频元素的src(感谢此处成员的帮助),但是,播放的音频不会改变。我已经在下面发布了应用程序代码。是否可以通过这种方式更新状态来改变正在播放的音频?非常感谢您的帮助。varTRACKLIST=[{id:1,name:"songa",source:"./audio/test.m4a"},{id:2,name:"songb",source:"https://s3-us

javascript - 使用具有高级优化功能的 Closure 编译器时如何在 javascript 中保留全局变量?

我有自己的Javascript库,我想通过使用具有高级优化功能的Google闭包编译器来缩小它。通过查看docs我看到了如何声明在库外使用的函数。但是我找不到一种方法来保存在我的库中声明的全局变量。Closure编译器只是删除它们,因为它认为它们从未被使用过。有人可以帮忙吗?编辑:示例代码:varvariable_1=true;这是在我的库开始时全局定义的,但它从未在库本身中使用过。当它包含在某些页面中时,它会在库外使用。但是Closure编译器不知道,这就是它删除这些声明的原因。 最佳答案 闭包编译器无法移除声明为window["