1

我正在使用 jplayer 2.1.0。我有 4 个浏览器 chrome 22、opera 12、IE9 和 mozilla firefox 15,它们都是截至 2012 年 10 月的最新浏览器。我的播放器在 chrome 中工作,但在所有其他浏览器中都失败了。我现在不使用 Flash,所以只依赖 HTML5。这是代码。

$(document).ready(function(){
            $("#jquery_jplayer_1").jPlayer({
                ready: function () {
                    var url;
                    $('.singles').click(function(event){
                        var x = event.target;
                        url = "http://localhost:8080/WebApplication1/songs/"+x.innerHTML;
                        $("#jquery_jplayer_1").jPlayer("setMedia",{
                            mp3: url
                        }).jPlayer("play");
                    });
                },
                swfPath: "/js",
                supplied: "mp3, oga"
            });
        });

我直接使用url中的文件路径..这是不好的做法吗?
我应该通过服务器发送 mp3 文件吗?喜欢设置内容类型和所有内容?..对不起,如果我很傻,因为我自己对此感到很愚蠢

4

1 回答 1

1

请参考以下 URL 并下载源代码,然后根据您的需要进行修改 http://www.script-tutorials.com/how-to-play-audio-video-using-jplayer/

由于firefox和opera不播放mp3文件所以修改jquery调用如下

$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            mp3: "media/track.mp3",
            oga: "media/track.ogg"
        }).jPlayer("play");
    },
    ended: function (event) {
        $(this).jPlayer("play");
    },
    swfPath:"/swf",
    supplied: "mp3,oga",
    solution:"html,flash",
    wmode:"window"  
}); 
});

然后在媒体文件夹中添加相同 mp3 曲目的 ogg 文件。使用任何转换器将 mp3 文件转换为 ogg 格式。

于 2012-10-16T15:17:02.473 回答