【js-前端video播放器】教程文章相关的互联网学习教程文章

用于在播放视频之前获取视频文件长度的Javascript或jQuery【代码】

在播放视频文件之前,是否有任何有用的Javascript或JQuery插件可以获取视频的长度(例如mp4,flv – 我可以使用任何视频格式,只要我可以获得视频长度)? 更新1:<video controls><source src="video.mp4" one rror="fallback(this.parentNode)">video not supported </video><script> document.write("The duration is: " + video[0].duration); </script>解决方法:如果您使用的是HTML5视频元素,则可以使用“duration”属性,该属性将...

javascript – mediaelement.js视频无法在IE8中播放【代码】

我已经查看了这里提出的所有其他问题,没有什么能真正解决我的问题. 目前,视频将在Chrome,Safari,FF和IE9中加载和播放,但不是IE8,这是我需要支持的最后一个浏览器.您可以查看页面here. 我一直在尝试使用Debug选项,但也没有得到任何帮助.以下是调试器告诉我的内容:Initializing... stage: 0x560 file: path/to/video.mp4 autoplay:true preload:true isvideo:true smoothing:false timerrate:250 displayState:true ExternalInterfa...

javascript – 如何在Web音频API中反向播放,同时保留正向版本?【代码】

据我所知,Google Chrome(v21)中的Web Audio API不支持以下内容:source.playbackRate.value = -1; 我非常希望!我会耐心等待,但与此同时,this post有一个不错的替代解决方案.我已经采用它试图反转我自己从loaded bufferlist加载的音频样本,希望我可以同时拥有每个加载缓冲区的正向和反向版本,如下所示:function finishedLoading(bufferList) {for (var it = 0; it < this.urlList.length; ++it) { storedBuffer[it] = bufferLis...

javascript – 在浏览器中进行音频播放的可变速度控制?【代码】

有没有办法在浏览器中更改音频的播放速度?什么是最好的任务,html5音频,或闪光,或其他什么?是否有任何特定的库可以帮助解决这个问题?解决方法:使用Web Audio API. 在下面的代码中,我回答了你的另一个问题. best way to loop audio in the browser? 修改上面答案中的代码,如下所示,播放速度示例. 就在下面source.loop = loopOnOff;加source.playbackRate.value = 1; // change number to between 0.10 to 10 (or larger/smaller) ...

javascript – SlidesJS自动播放无法正常工作【代码】

我试图在一个简单的SlidesJS轮播上进行自动播放:http://www.cycle22x.com/ 我检查了一些其他线程来解决类似的问题,但提供的解决方案不起作用?以下是文件中包含的脚本:<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="/scripts/jquery.slides.min.js"></script><script> $(function() {$('#slides').slidesjs({play: 1000,pause: 10,hoverPause: true,width: 960,height: 540,navigation: {e...

javascript – 如何使用mediaelement,js脚本在html播放器中添加自定义按钮【代码】

我想在html5播放器里面的标题附近添加一个额外的“HD”按钮.在mediaelementplayer.js文件中添加了这段代码.//HD button display starts (function ($) { $.extend(MediaElementPlayer.prototype, {buildcontextmenu: function (player, controls, layers, media) {// create HD button$('<div class="mejs-button mejs-hd-button"><span>HD<span/></div>').appendTo(controls);} }); })(mejs.$); //HD button display stops任何人都...

javascript – 如何在TimelineMax(GSAP)中播放后重置原始位置【代码】

我正在播放这样的动画,tl = new TimelineMax({paused:true});tl.to(DOM_ELEMENT_TOP,1,{left:100},ease:Linear.easeIn); tl.to(DOM_ELEMENT_BOTTOM,1,{top:100},ease:Linear.easeIn);tl.play();动画播放完毕后,如何将DOM元素重置为原始位置? 我想这样做而不会反转动画本身(显然!)解决方法:看起来您的代码中存在一些拼写错误 – 轻松属于vars对象:tl.to(DOM_ELEMENT_TOP, 1, {left:100, ease:Linear.easeIn}); tl.to(DOM_ELEMENT...

javascript – 如何在网页中多次播放相同的音频文件?【代码】

我想用HTML播放两次声音文件<!DOCTYPE html > <html> <header> <script>var snd = new Audio("hello.wav"); snd.play();snd = new Audio("hello.wav"); snd.play(); </script> </header><body> hello </body></html>但它只播放一次. 注意:此处介绍播放文件一次Playing audio with Javascript? 回答后编辑 确定使用的重复次数var noOfRepetitions = 3;myAudio = new Audio('hello.wav');myAudio.addEventListener('ended', functi...

Html5 Audio在我的Javascript代码中只播放一次【代码】

我有一个仪表板网络应用程序,如果连接有问题,我想播放警报声.该站点的ajax代码将轮询数据,并在无法连接时降低其刷新率.服务器恢复后,该站点将继续工作. 与此同时,我希望每次无法连接时播放声音(所以我知道检查服务器).这是代码.这段代码有效.var error_audio = new Audio("audio/"+settings.refresh.error_audio); error_audio.load();//this gets called when there is a connection error. function onConnectionError() {error_...

javascript – 使用jquery播放mp3文件

如何在网站中使用jquery播放mp3文件.我使用servlet或http来播放歌曲.我如何计算播放歌曲的总时间. 问候安吉丽娜解决方法:尝试像jPlayer这样的东西.

javascript – 在2个不同的Div中播放/播放声音【代码】

JQuery具有很好的视觉fadeIn / fadeOut函数,可以处理不同的元素,如div.声音需要同样的东西. 更准确地说,如果两个YouTube iFrame API播放器正在从2个不同的div中播放,有没有办法淡出/淡出它们之间的声音?解决方法:尝试这样的事情,$('<div/>').animate({ left: 100 }, {duration: 1000,step: function(now, fx){var volume = now;player.setVolume(volume)}});step函数会在每次更改val时给你一个回调,你可以调用youtube播放器来设置...

javascript – 从soundcloud api获取正确的.mp3网址,用于soundmanager2 360播放器【代码】

我的问题在这里与this相同,但问题从未得到解决,我不能私下向PeeHaa发消息,要求我在这里再问一下这个问题. 我已经成功查询了soundcloud api并获得了每个轨道的stream_url并将其添加到我的360播放器(demo here)的所有href中.我的元素代码看起来像这样:<div class="ui360"><a href="/path/to/an.mp3" data-title="Track title">play "an.mp3"</a> </div>我有这个脚本来查找所有带有数据标题属性的标签,并根据stream_url给它们正确的h...

javascript – 用Vue.js播放声音【代码】

如何用Vue.js播放声音? 好像我不能按常规方式行事.import Vue from 'vue'import AppView from './components/App.vue'console.log('Play outside of vue')var audio = new Audio('file.mp3')audio.play()new Vue({el: '#root',mounted () {console.log('Will it play here?? lol')var audio = new Audio('file.mp3')audio.play()}, render: h => h(AppView)})因为它说音频没有定义?我必须以某种方式导入它吗?这是否有特定的vue包...

javascript – 以编程方式在Safari和移动Chrome上播放带声音的视频【代码】

随着OSX High-Sierra *的发布,Safari的一项新功能是网站上的视频不再自动播放,脚本也无法启动,就像在iOS上一样.作为一个用户,我喜欢这个功能,但作为开发人员,它在我面前提出了一个问题:我有一个包含视频的浏览器内HTML5游戏.除非用户更改其设置,否则视频不会再自动播放.这会混淆游戏流程. 我的问题是,我可以以某种方式使用玩家与游戏的互动作为视频开始自动播放的触发器,即使所述活动没有直接链接到视频元素? 我不能使用jQuery或...

有没有办法找出声音何时停止播放Javascript?【代码】

我在创造一个游戏.水平相对较短,并且在每个水平开始时,玩家听到叙述(持续x秒的声音).可能会发生某人在声音结束前进入水平,并且新级别将开始播放前一个声音的声音.我希望声音排队,为此,我需要知道声音何时停止播放.那有什么事吗?解决方法: var mySound = new Audio('mySoundFile.ogg'); mySound.addEventListener('ended', function() {alert("Finished playing sound"); }, false); mySound.play();有关其他活动,请参阅http://ww...

播放器 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部