懦弱的播放器无法流式传输音频答案

【问题标题】：Wimpy player cannot stream audio懦弱的播放器无法流式传输音频
【发布时间】：2014-06-29 21:03:20
【问题描述】：

我正在尝试在我们的网站上集成 wimpy 播放器，以便为每个音频文件嵌入音频播放器，然后将它们添加到表格中。

这是懦弱的播放器文档： http://www.wimpyplayer.com/docs/options.defining.html

当我尝试从 wimpy 访问网络上的示例 mp3（在 javascript 中）时，我使用：

return "< div data-wimpyplayer data-skin=\"/wimpy/wimpy.skins/038.tsv\" data-media=\"http://www.stephaniequinn.com/Music/Allegro%20from%20Duet%20in%20C%20Major.mp3\">< / div>";

此代码在我的表格中嵌入了一个 div，并将 wimpy 放入其中一个单元格中，它可以正常工作（音频播放正常）。

但是，当我使用：

return "< div data-wimpyplayer data-skin=\"/wimpy/wimpy.skins/038.tsv\" " + "data-media=\"http://localhost:9000/file/6d0f963f-d9cd-4136-b0bb-958aa881aef0?XX-SESSION=29bb3877-5e37-4e70-9516-045c5edca6c3\" > < / div > ";

它不起作用。播放器不播放任何声音！

我打开了两个网址：

http://www.stephaniequinn.com/Music/Allegro%20from%20Duet%20in%20C%20Major.mp3

和

http://localhost:8080/file/6d0f963f-d9cd-4136-b0bb-958aa881aef0?XX-SESSION=29bb3877-5e37-4e70-9516-045c5edca6c3

在我的浏览器上，它们都可以工作，即内置的浏览器音频播放器能够成功地流式传输音频。

思考为什么懦弱的播放器可能不会流式传输内容？

【问题讨论】：

请查看stackoverflow.com/editing-help 以获取有关格式化的帮助，以使您的代码更易于我们其他人阅读！
谢谢利奥。格式化了两个javascript sn-ps。如果还有其他问题，请告诉我。
我不得不在 URL（在代码和示例中）中添加空格，因为 stackoverflow 不允许我使用超过 2 个 URL。我确保 URL 工作正常。
这里没有足够的信息来帮助您。您的网络选项卡中有什么？使用了哪些编解码器？这两个流有什么区别？
@Brad 我的目标是播放从我的网站流式传输的音频（我以字节为单位保存音频并以字节为单位流回）。第二个 URL 中 /file/:fileId 上的 GET 调用我的 Web 服务器上的流 REST API，它返回音频字节。第一个流只是某个网站 (stephaniequinn) 上的示例 mp3 文件。音频文件的流式传输可以从 Web 浏览器上的两个 URL 正常工作。但是，当我在 wimpy 'data-media' 属性中引用它们时，只有示例可以工作，而我的网络服务器上的音频文件没有被流式传输。

标签： html audio-streaming audio-player wimpy

【解决方案1】：

数据媒体（“媒体”播放器选项）需要扩展才能知道正在加载的媒体类型。

因此，在您的第一个示例中，您在末尾添加了点 mp3，这是一个已知的“mp3”扩展名。而在后面的示例中没有点 mp3。

您可以使用查询字符串添加伪扩展，方法是在 URL 末尾添加“?foo.mp3”：

http://localhost:9000/file/6d0f963f-d9cd-4136-b0bb-958aa881aef0?XX-SESSION=29bb3877-5e37-4e70-9516-045c5edca6c3?foo.mp3

或者，您可以在“媒体”选项中使用 JSON，并将“种类”设置为“mp3”：

"<div data-wimpyplayer data-skin=\"/wimpy/wimpy.skins/038.tsv\" " + "data-media=\"{\"file\":\"http://localhost:9000/file/6d0f963f-d9cd-4136-b0bb-958aa881aef0?XX-SESSION=29bb3877-5e37-4e70-9516-045c5edca6c3\", \"kind\":\"mp3\"}\"></div>";

或：

var mp3url = "http://localhost:9000/file/6d0f963f-d9cd-4136-b0bb-958aa881aef0?XX-SESSION=29bb3877-5e37-4e70-9516-045c5edca6c3"
return '<div data-wimpyplayer data-skin="/wimpy/wimpy.skins/038.tsv" data-media="{"file":"' + mp3url + '", "kind":"mp3"}"></div>';

另见：

http://www.wimpyplayer.com/docs/pl.format.json.html
http://www.wimpyplayer.com/docs/trackDataset.html
wimpy 下载 ZIP 包的“test”文件夹中名为“media-playlist-embedded-json.html”的文件。

【讨论】：