问题标签 [jplayer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
917 浏览

jplayer - jplayer 不播放曲目(给出 NaN)

我在我的网站上使用 jplayer。它只能在 chrome 上正常工作。在 firefox 和 safari 上,它不播放曲目并在总时间上给出 NaN,而 ein ie 让我犯了一个错误:a._getMovie() 为 null 或不是对象

有任何想法吗?

0 投票
1 回答
639 浏览

javascript - Javascript 从音轨中选择片段

我正在使用 PHP 开发一个项目,用户可以从曲目库中选择一个曲目,从该曲目中选择几秒钟长的片段,然后将该片段用作下一页上的搜索参数。

客户希望显示轨道的波形(这些已经生成为 PNG 文件),并带有一个显示当前播放位置的“播放头”(应该很容易做到)。用户应该能够通过拖动竖线来选择开始和结束点,试听所选片段(通过按空格键或类似方法),然后单击“搜索”以提交 HTML 表单。表单中我真正需要的唯一参数是所选音频片段的开始和结束位置。

所以,这就是客户想要的,而我正处于头脑风暴阶段。到目前为止,我有一堆mp3文件和相应的波形图。在浏览器支持方面,可以指定浏览器必须是“...的最新版本”,但我想为所有大牌提供支持:Safari、Firefox、Opera、IE、Chrome .

您对我应该考虑的 JavaScript 库或解决方案有什么建议来帮助实现:嵌入音频文件、播放控制界面和片段选择界面。尽管可以为所有 mp3 生成相应的 OGG 文件(以帮助实现 HTML5),但如果可能的话,我不希望这样做,因为它会使事情复杂化。所以理想情况下,我想要一个提供跨浏览器支持的仅限 mp3 的解决方案。也许像 jPlayer 这样的东西是可能的?我当然熟悉 jQuery,所以使用它会是一个好处。

我可以使用任何现有的库来帮助我使用“片段选择”界面吗?在一个完全理想的世界中,这将是一个带有“scrub bar”的解决方案 - 即当您拖动开始和结束句柄时,“播放头”处的声音会立即预览。

非常感谢您的任何想法和建议!

编辑(更多信息):

我希望能够创建类似于此演示的内容: http ://www.happyworm.com/jquery/jplayer/latest/demo-07.htm除了用户可以选择“片段”的附加功能从轨道,使用起点和终点擦洗条,并可以通过按播放试听片段。所以,我想要的界面是这样的:

  • 在页面加载时,曲目将开始缓冲,如果按下,播放按钮将从头开始播放
  • 如果用户从轨道的最左边缘拖动一个拖拽条,播放头处的声音将被预览(就像我链接到的演示一样),并且在释放拖拽条时,播放将从那里继续到结尾轨道
  • 如果用户从轨道的最右侧拖动另一个拖拽条,播放头处的声音将再次被预览。但是,随着栏被释放,播放应该跳回到 LEFT 拖拽栏,并从那里继续。(如果这太难实现了,我会对右手磨砂条感到满意,以免在被拖动时预览声音,而只是用作选择结束时的“标记”)。
  • 两个擦洗条不能互相通过,所以左边总是选择的“开始”,右边是选择的“结束”。
  • 一旦移动了条并进行了选择,播放应该无限期地循环选择的片段,直到按下“停止”。
  • 在理想的世界中,我希望擦洗条“捕捉”到整秒的网格,以便片段开始、结束和长度值始终是整秒。如果做不到这一点,我稍后会在 JavaScript 中将数字四舍五入到最接近的整数。
0 投票
1 回答
1671 浏览

jquery - jplayer在jquery中的某些时间百分比之间播放

我知道我可以通过以下方式在给定的时间点或按百分比启动 jPlayer:

这是在发出播放命令时(工作正常),但是我如何限制两个固定点之间的播放时间,无论是绝对时间还是百分比都可以?即我希望它以 30% 开始,以 50% 结束,等等。基本上只是一首歌的一个很好的片段。任何想法或指示?

http://www.happyworm.com/jquery/jplayer/latest/developer-guide.htm#jPlayer-playHead

0 投票
2 回答
7299 浏览

javascript - 如何使用 jplayer 获取进度事件

我正在使用 jQuery 1.5 和 jPlayer 2.0.0,请忽略这将自动播放音乐的事实,我将在它开始之前提供足够的警告,用户必须按下一个大按钮来启动页面,我会提供一个大的停止按钮。

我希望音频文件开始播放,并在页面准备好并加载音频后调用一个函数。

我有以下 javascript(我已经修改了代码,以便更好地理解它)。

我有这个功能来触发上面的代码。

我使用了相同的代码,但使用了 $.jPlayer.event.loadeddata 事件,没有 if 语句而不是 $.jPlayer.event.progress,它在某些浏览器中运行良好,但在使用 flash 时不兼容,因为它不触发事件(我在 Firefox 3.5 中也遇到了问题,但我不知道为什么)。以上似乎适用于Firefox

我读了这个

“我建议您改用进度事件并检查:event.jPlayer.status.seekPercent === 100。”

在这篇文章http://groups.google.com/group/jplayer/browse_thread/thread/9dc9736f9d6947bd?pli=1上,作者是

有人有什么建议吗?


编辑

由于没有在 chrome 和 safari 中使用它,我在 Firefox 的新版本 3.6 上进行了测试(我应该首先这样做)并且它按预期工作,尽管在文档中 event.progress id 描述为:

Flash 和 HTML5 浏览器支持的健壮 jPlayer 事件

在上面的链接中,创建者建议使用 event.progress 来解决浏览器问题,我只能假设这是浏览器特定的问题。

不过,很高兴对此有所澄清。

0 投票
1 回答
16830 浏览

jplayer - 使用 jPlayer 流式传输实时音频

我正在学习如何使用 jPlayer。我想使用 jPlayer流式传输http://u10.sky.fm:80/sky_the80s音频。

http://www.jplayer.org/1.2.0/demo-08-oggSupportFalse/演示适用于 Chrome 9。我尝试使用以下代码片段对其进行简化:

不幸的是,上述方法不起作用。我确信我错过了一些东西,因为我是 jPlayer 的新手。

任何帮助表示赞赏。在此先感谢您的帮助。

同样,理想情况下,我想流式传输http://u10.sky.fm:80/sky_the80s

昨晚在https://groups.google.com/forum/?fromgroups#!topic/jplayer/yW7WoYtrxI8上交叉发布。

更新:以下代码片段有效

但我仍然无法使http://u10.sky.fm:80/sky_the80s工作。

更新 2:以下代码片段适用于 Firefox Minefield,但不适用于Chrome 9:

0 投票
1 回答
592 浏览

jquery-plugins - jQuery ScrollTo 冲突

我已经建立了一个使用 jquery 和 3 个插件的网站...

  1. jquery.lightbox-0.5
  2. 滚动到
  3. 播放器

我的 jPlayer 脚本和 ScrollTo 脚本之间仍然存在某种冲突。如果没有 jPlayer,ScrollTo 脚本可以正常工作。但是当我添加 jPlayer 时,ScrollTo 函数将页面滚动到选定的 div,但随后将滚动返回到页面的顶部,而不是停留在选定的 div 上。

有人可以帮助我了解冲突是什么。我可以在同一页面上使用这两个脚本吗?

这是我正在开发的网站。

http://www.multiplydivide.com/colm/mainorder.html#

0 投票
3 回答
4702 浏览

jquery - jPlayer 在某些浏览器中不播放文件

我正在建立一个带有音乐播放器的网站,我正在使用 jPlayer。在我的播放列表中,每首歌都是 mp3 和 ogg 格式。我正在使用本地主机,Visual Studio 2010 开发服务器。

  • Chrome - 播放良好
  • Firefox - 不播放但调用服务器上的正确文件
  • 歌剧 - 演奏得很好
  • Safari (Windows) - 播放良好
  • IE9 - 播放良好
  • IE8/7 - 什么都不做

因为 jPlayer.js 和 jplayer.swf 在同一个文件夹中,所以我设置了 swfPath = "" ; 我/也/尝试过/绝对/路径但没有改变任何东西..

0 投票
1 回答
2752 浏览

jquery - 使用 jquery jplayer 插件播放 mp3

我正在尝试使用jplayer播放文件

我尝试过的网站是:-

http://122.176.89.242/band

背景音乐在 chrome 上播放

但不是在Firefox中

火狐怎么玩

谢谢

0 投票
1 回答
457 浏览

jquery - 服务器上的音频文件以损坏的方式嵌入

我正在使用 jPlayer 在我的页面中嵌入两个音频文件,基本上代码是从该页面剪切'n'粘贴的。一个是wav,另一个是mp3。在本地(mac)上一切正常,但是当我将它上传到服务器时,音频文件以奇怪的方式失败。

Chrome 会在 30 秒后启动 wav 文件——即使位置清理器从头开始——并提前结束,所以我怀疑 javascript 无论如何都会获得正确的声音文件长度。mp3 甚至从未开始播放。它假装加载,但事实并非如此。

Safari 工作正常,不知何故。

Firefox 也可以正常运行。也许是因为它依赖于玩家的闪光选项?

IE8 播放 mp3,但不播放 wav,并且无法显示前者的进度条。

起初我认为这是我如何上传文件的问题。最初我使用了 Transmit,它应该对 ascii 与二进制比较明智。我试着scping 文件,但他们仍然表现得很糟糕。

我当时想可能是 mime 类型设置不正确,所以我在资产文件夹中的 .htaccess 文件中添加了两行,但这并没有改变。这是 htaccess 文件的样子,也许我忘记了一些我还需要包含的内容?

想法?

编辑:我尝试将 wav 和 mp3 的 mime 类型更改为 application/octet-stream,但这似乎对播放器应用程序没有任何作用;如果我直接链接到音频文件,它会下载它们。

0 投票
1 回答
1316 浏览

javascript - 帮助需要滚动到 jPlayer 播放列表中事件的 div

我正在尝试在 jPlayer(一个 javascript 音频播放列表)中的各种事件上实现对 DIV 的滚动(即平滑滚动和一些缓动)。本质上,播放列表位于带有滚动条和鼠标滚轮滚动的滚动 DIV 中,当轨道发生变化时,我希望它触发滚动到当前播放的轨道,即新轨道,这样它在 DIV 中垂直居中(有可变高度)。

我想我会首先尝试向 #jplayer_next 事件添加一些代码,该事件通常如下所示:

我想出了以下代码来添加:

其中#jplayer_playlist 是滚动DIV,.jplayer_playlist_current 是当前播放曲目的类。代码确实做了一些事情,但我看到在 div 周围跳跃相当荒谬,这似乎与当前播放的曲目有些相关,但肯定不是我想要的。

您可以在此处查看播放列表。当前播放的曲目以绿色突出显示,当您单击下一步按钮时,DIV 肯定不会平滑地滚动到当前播放的曲目!

如果有人可以帮助我修改代码以使其正常工作,我将不胜感激。

谢谢,

缺口