我正在尝试将wimpy播放器集成到我们的网站上,为每个音频文件嵌入音频播放器,然后将它们添加到表中。
这是wimpy玩家doc: 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
在我的浏览器上,两者都有效,即内置的浏览器音频播放器能够成功传输音频。
关于为什么懦弱的玩家可能不会播放内容的想法?
答案 0 :(得分:0)
数据媒体(“媒体”播放器选项)需要扩展才能知道正在加载的媒体类型。
所以在你的第一个例子中,你最后有一个点mp3,这是一个已知的“mp3”扩展。而在后面的例子中没有点mp3。
您可以使用查询字符串添加伪扩展名,方法是将“?foo.mp3”添加到URL的末尾:
http://localhost:9000/file/6d0f963f-d9cd-4136-b0bb-958aa881aef0?XX-SESSION=29bb3877-5e37-4e70-9516-045c5edca6c3?foo.mp3
或者,您可以在“media”选项中使用JSON,并将“kind”设置为“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>';
另见: