草庐IT

vue播放hls

全部标签

javascript - 如何在链接点击上播放 mp3

有一个简单的链接01.TheNameofTrack如何在用户点击链接时播放mp3文件?请帮助我找到一些简单有效的解决方案。谢谢。感谢您的帮助。我选择了这个解决方案http://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/最适合我的情况。 最佳答案 使用HTML5Yourbrowserdoesnotsupporttheaudioelement.document.getElementById("link_id").addEventListener("cli

javascript - 使用 YoutubeAPI 播放 youtube 视频直到特定时间并暂停

有没有办法使用YoutubeAPI播放视频直到视频中的某个点然后暂停? 最佳答案 我修改了YouTubePlayerAPIReferenceforiframeEmbeds中的代码在一定秒数后暂停播放。Demo代码通过等待onPlayerStateChange事件来工作。当事件触发时,它会检查事件以查看它是否是PLAYING事件。如果是,它会计算从当前时间(getCurrentTime()方法)到所需暂停点(硬编码为stopPlayAt变量)的剩余时间。它设置一个Javascript计时器来等待该差异,然后向API传递一个命令以暂停视

javascript - mouseover mouseout JQuery 时自动播放/暂停

我有以下问题。这是代码:"video",:controls=>true%>我希望在鼠标悬停时视频继续自动播放/继续,而在鼠标移开时,视频暂停。我如何使用JQuery做到这一点?我在JQuery网站上搜索了很多,但没有找到适合我的东西。我试过的代码没有用。cSlider:stopautoplayonmouseover或者autoplayvideoinslider或JQueryautoplayvideoonclickshow感谢您的帮助。 最佳答案 一个简单的解决方法:$(function(){$('.video').on('mouse

javascript - Vue.js 怎么能像 Angular.js 那样配置 templateUrl 呢?

我喜欢Vue.js的简单性,但我不想用browserify或webpack使它复杂化。我更喜欢Angular中的templateUrl之类的东西,因此我可以直接使用Nginx提供部分页面(通常是组件)。我怎么能设置这个?官方不建议,很难在那里获得帮助。 最佳答案 据我所知,Vue没有为此专门内置任何内容,但您可以使用asynccomponents如果你愿意,可以伪造它。Vue.component('example',function(resolve,reject){$.get('templates/example.html').do

javascript - Vue.js动态挂载单文件组件

我有一个单一的文件组件Main.Vue。我还有另外三个单文件组件A.vue、B.vue和C.vue。我希望每次都能在Main.Vue中显示不同的组件。我所做的是:importAfrom'./A.vue';importBfrom'./B.vue';...这可行,但不完全是我想要的。我想要一个不同的文件Factory.js,它会导入所有组件A、B、C,..并且具有返回我的组件的函数,我可以以某种方式在Main.vue中使用它。这是我试过的Factory.js的样子:importAfrom'./A.vue';importBfrom'./B.vue';functiongetComponent(

javascript - 如何在 Vue JS 中动态渲染组件?

我正在制作一个表单生成器,它将其中的组件用于输入字段、按钮等。我希望能够根据传递给它的选项生成表单。但我无法让它渲染组件。我试图返回纯HTML,但不会呈现组件。我从我的Home.vue模板调用表单生成器,我希望表单带有这样的选项对象:options:{name:{type:'input',label:'Name'},submit:{type:'button',label:'Send'}}在模板中:在表单生成器组件中,我尝试了多种方法,例如:{{generateForm(this.options)}}//...or...我包括了所有组件,例如:import{FormButton,Form

javascript - 如何排列一系列 HTML5 <audio> 声音片段以按顺序播放?

我正在尝试移植一个名为VoiceWalker的简单音频实用程序到Javascript。VoiceWalker是一种帮助人们转录音频的工具,它的工作原理如下:http://i.imgur.com/rafgl.png所以我们的想法是,它播放一点,重复播放,向前移动,再播放一点,重复播放,向前移动,等等。我拼凑了一个播放声音片段的函数,它看起来像这样:functionclip(audio,start,stop){audio.currentTime=start;audio.play();int=setInterval(function(){if(audio.currentTime>stop){

javascript - 使用Youtube API找到刚刚播放完的Youtube iframe的父div

我有这个功能:functiononPlayerStateChange(event){if(event.data==0){alert(event.target.parentNode);}});每次嵌入式iframe发生“状态更改”时都会调用它。它只会在视频结束时发出警报消息,并且accordingtothedocs,我可以通过调用event.target获取对播放器的引用但是,我希望能够找到event.target的父div但我无法调用它上面的任何jquery或常规javascript。如何找到刚刚结束的播放器的父div? 最佳答案

javascript - 如何在 vue.js 模板中显示空格而不是 undefined 和 null?

这是Vue.js模板{{userdata.phone}}当userdata.phone==null或userdata.phone==undefined时,我想显示空间。例如{{userdata.phone|!null|!undefined}}这可能吗?在这种情况下该怎么做?{{userdata.location.city+userdata.location.state+userdata.location.country}}userdata.locationi.city,state,country可以为空或未定义 最佳答案 解决方案与

javascript - Vue.js:更改时调用函数

我正在Vue.js中构建一个组件。我在页面上有一个输入,用户可以在其中请求一定的信用额度。目前,我正在尝试制作一个函数,在我输入时将输入量记录到控制台。(最终,我将根据用户输入显示/隐藏请求的文档。我不希望他们必须点击提交按钮。)当我跳出输入字段时,下面的代码会记录它。这是我的component.vue:CreditLimitRequestCreditLimitAmount1.Ifrequesting$50,000ormore,pleaseattachCurrentBalanceSheet(lessthan1yrold).2.Ifrequesting$250,000ormore,als