草庐IT

MP3播放器

全部标签

javascript - 在 Javascript 中暂停 bandcamp 嵌入式播放器

嘿,我正在做一个项目,需要在幻灯片轮播中使用来自bandcamp、youtube和soundcloud的嵌入式播放器。我非常熟悉youtubeembedjsapi和soundcloud一点也不复杂,但我似乎找不到任何不包括获取apikey和调用api本身的bandcampapi。我不需要那个。我只想在有人超出该幻灯片时使用Javascript暂停播放器,这样在幻灯片不显示时就不会播放声音。有任何想法或地方可以查看与bandcamp嵌入小部件的接口(interface)吗? 最佳答案 这是我解决该问题的技巧。在嵌入iframe中添加了

javascript - 强制 Youtube 嵌入以高清播放(2016 版)

好吧,这个问题之前已经被问过很多次了——但是Youtube似乎每隔一天就改变一次。我找不到强制Youtube嵌入从头开始播放高清源的方法。切换到高清总是在5-10秒后发生。(不再)有效的方法:将&hd=1参数添加到iframesrc将&vd=hd720或&vd=hd1080参数添加到iframesrc。此处描述:Forceyoutubeembedtostartin720p在html嵌入代码中将iframe尺寸更改为width="1280"heigh="720",然后使用CSS将iframe向下/向上缩放到父div。此处描述:http://thenewcode.com/717/Force

javascript - 是否可以检测浏览器选项卡是否正在播放音频?

我正在寻找一种方法来检测是否在Chrome的当前标签中播放声音。我想强调的是,上下文是一个网络应用程序,不是chrome扩展,也不是单个音频元素。我的假设是浏览器通过在选项卡标题中显示一个可听图标“知道”选项卡正在播放声音,所以我猜测存在某种浏览器HTML5API。 最佳答案 简单的回答:否长答案:在这种情况下,Some-what-ish是最好的情况。Chrome为其浏览器提供了一个仅供开发人员使用的API,可以挂接连接的音频设备,但不可能在真实环境中使用它。(source)Thechrome.audioAPIisprovidedt

javascript - jQuery 视频播放器的全屏切换未正确分配类名

我正在开发JavaScript/jQuery视频播放器。它有一个错误,我无法找到其原因。玩家有一个进入/退出全屏按钮(可以在HTML片段的底部看到):(function($){/*Helperfunctions*//*1)fullscreen*/functiontoggleFullScreen(elem){if((document.fullScreenElement!==undefined&&document.fullScreenElement===null)||(document.msFullscreenElement!==undefined&&document.msFullscre

javascript - 如何在 <audio> 标签中检测 mp3 中的音频 channel 数?

根据我的阅读,我希望以下JavaScript代码记录“一切都很好”,但它却遇到了错误情况:varaudio=document.createElement('audio');varctx=newwindow.AudioContext();varsource=ctx.createMediaElementSource(audio);audio.src='http://www.mediacollege.com/audio/tone/files/440Hz_44100Hz_16bit_30sec.mp3';//As@padenotmentioned,thisisthenumberofchanne

javascript - 嵌入带有侧边栏列表可见的 YouTube 播放列表插件

我知道YouTubeAPI目前不提供显示类似于本地YouTube播放列表的播放列表边栏的功能。通过搜索,我发现了一个很有前途的插件来模仿这种行为。https://github.com/jakiestfu/Youtube-TV不幸的是,此插件不再适用于YouTube的APIv.3,但是,Giorgio003创建了一个支持APIv.3的分支。https://github.com/Giorgio003/Youtube-TV我已按照所有安装说明进行操作,但似乎无法正常工作。这是我的页面:TestingYouTubePlaylistdocument.addEventListener("DOMCo

javascript - 在播放器外显示字幕

我希望在jwplayer之外显示字幕。我们可以在玩家皮肤中单独划分并为字幕单独放置吗?我不想在视频中显示字幕,但我们希望字幕在播放器外部的单独位置。可以用JWplayer吗?(或任何玩家)我将使用JWplayer来执行此操作,因此请牢记答案迫在眉睫。如果有任何代码或逻辑或任何东西,我将非常感激虽然我使用的是JWplayer,但任何帮助都会非常可观。 最佳答案 来自thispage上的示例.字幕被添加到它们自己的具有.videosubbar类的div中。所以你可以简单地为此添加你自己的样式。因此对于上面的示例,我只添加了普通的旧样式以

javascript - 播放视频时暂停 Bootstrap 轮播

我有多张包含视频和图片的幻灯片。轮播设置为加载时自动播放。但是,当有人播放视频并将鼠标移出侧面时,它会一直滑动(正如预期的那样)。如何跟踪视频的播放和暂停时间?我搜索了StackOverflow,但没有找到类似的问题。站点管理员稍后会添加视频,因此它们可以是iframe或html5视频。因此,我需要一个适用于两者的解决方案。 最佳答案 这对我有用,可以在播放原生HTML5视频时暂停Bootstrap轮播,并在视频暂停或播放完毕后再次播放。我是一个完全的JS新手,但我四处搜索并将一些东西串在一起。我可能犯了一个错误(可能),但它对我有

javascript - 使用 Google Maps API 绘制 map 路径/航路点并播放路线

我正在尝试在播放映射路线时绘制已访问的路径,如以下示例所示:加载map时,我希望绘制的点A、B、C、D、E和F一个接一个地连接起来。我已经成功地绘制了这些点,但是我不能一个接一个地动态链接这些点。这是我的代码:varmarkers=[{"title":'Alibaug',"lat":'12.97721863',"lng":'80.22206879',"description":'AlibaugisacoastaltownandamunicipalcouncilinRaigadDistrictintheKonkanregionofMaharashtra,India.'},{"title"

javascript - html5视频播放器与视频js的关系

我开始使用HTML5和javascript,我对video.js关于HTML5播放器/html“video”标签和video.js之间的关系以及video.js的目的有一个基本的怀疑。我的具体问题是:video.js是在内部使用HTML5原生播放器还是创建并使用自己的播放器?如果是,那么:一个。除了它提供的更好的外观和控件之外,还有其他使用Video.js的原因吗?我知道有适用于video.js的插件具有播放HLS和DASH视频等附加功能,但这里我说的是核心video.js模块。是否需要使用HTML5播放器,或者可以更改为使用video.js中的自定义播放器如果Q1的答案是否定的,那么