jPlayer and Shoutcast Configuration

问题:

I am trying to set up JPlayer plugin and Shoutcast. According to their website this is possible to do.

How do I get jPlayer to play a SHOUTCast stream? You need to setMedia to the stream URL. For example, SHOUTcast server: http://mp3-vr-128.as34763.net/ MP3 stream URL: http://mp3-vr-128.as34763.net/;stream/1

I have tried to do this

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

    $("#jquery_jplayer_1").jPlayer({
        ready: function (event) {
            $(this).jPlayer("setMedia", {
                m4a:"http://77.68.106.224:8018;stream/1",
                oga:"http://77.68.106.224:8018"
            }).jPlayer("play");
        },


        swfPath: "js",
        supplied: "m4a, oga, mp3", 
        wmode: "window"
    });
});
//]]>
</script>

I do not get any output with my settings. Is anyone using JPlayer for a shoutcast Stream, or can anyone suggest a player that doesn't need php.

回答1:

sweet vibes on this station!

You're almost there, see this fiddle to see your stream working in jPlayer.. Shoutcast outputs audio in MP3 format, not M4a or OGG.. you need constructor code more like that below..

One important thing to know is that the Flash plugin when using IE8 sometimes spends minutes buffering the audio.. You click play, think it isn't working then suddenly find your audio starts playing after three minutes.. The good news is that Chrome, Safari and Firefox play the stream almost immediately.

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

    $("#jquery_jplayer_1").jPlayer({
        ready: function (event) {
            $(this).jPlayer("setMedia", {
                mp3:"http://77.68.106.224:8018;stream/1"
            }).jPlayer("play");
        },


        swfPath: "js",
        supplied: "mp3", 
        wmode: "window"
    });
});
//]]>
</script>

回答2:

Don't know if you still need a solution. We used the j player in the past but with Chrome updates and problems with flash and other browsers, Win 10 and flash issues we moved away from it. DO NOT CHANGE ANY PUNCUATIONS. Just paste the code into your website.

We now use a simple media player code. You'll have to put in your IP and Port #.

     <div id="wb_MediaPlayer1">
<audio src="http://YOUR IP ADDRESS:YOUR PORT/;" id="MediaPlayer1" autoplay="autoplay" controls="controls">
</audio></div>

This code is included in our Widgets service at My Radio Hosting if you would like to take a look.

Hope this helps!