Announcement

**dopelabs** · 26 May 2014, 11:46

any standard url should work... the idea is you can use <audio> tags...

here is what mine look like.

code:


<audio preload="true" autoplay="true" src="http://stream.dubstep.fm/;"></audio>

since its on port 80 there is no need to add. if on ports other than 80 it looks like this

code:


<audio preload="auto" src="http://stream.dubstep.fm:8000/;"></audio>

also make sure that you are broadcasting a stream type that the browser, device, and jplayer all support.

**sistematico** · 26 May 2014, 15:44

Thank you dopelabs.
I'll try that and come back here to post the result.

**dopelabs** · 26 May 2014, 17:51

actually i must have been thinking about a different player..

Demo: http://dlnetworks.net/jpstream/

Tested against safari/firefox/opera/chrome

Defaults to using flash if the browser supports it, otherwise fallback to native support.

code:


<html>

<head>

<title>Demo</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function(){

	$("#jquery_jplayer_1").jPlayer({

		ready: function () {

			$(this).jPlayer("setMedia", {

				title: "256K MP3",

				mp3: "http://stream.dubstep.fm/;"

			});

		},

		swfPath: "js",

		solution: "flash, html",

		supplied: "mp3",

		smoothPlayBar: true,

		keyEnabled: true,

		remainingDuration: false,

		toggleDuration: false

	});

});

//]]>

</script>

</head>

<body>

<center>

	<div id="jquery_jplayer_1" class="jp-jplayer"></div>

		<div id="jp_container_1" class="jp-audio">

			<div class="jp-type-single">

				<div class="jp-gui jp-interface">

					<ul class="jp-controls">

						<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>

						<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>

						<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>

						<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>

						<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>

						<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>

					</ul>

					<div class="jp-progress">

						<div class="jp-seek-bar">

							<div class="jp-play-bar"></div>

						</div>

					</div>

					<div class="jp-volume-bar">

						<div class="jp-volume-bar-value"></div>

					</div>

					<div class="jp-time-holder">

						<div class="jp-current-time"></div>

						<div class="jp-duration"></div>

						<ul class="jp-toggles">

							<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>

							<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>

						</ul>

					</div>

				</div>

				<div class="jp-details">

					<ul>

						<li><span class="jp-title"></span></li>

					</ul>

				</div>

				<div class="jp-no-solution">

					<span>Update Required</span>

					To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.

				</div>

			</div>

		</div>

</center>

</body>

</html>

**sistematico** · 26 May 2014, 18:00

Don't work on Android 2.3.7 with default browser.

**dopelabs** · 26 May 2014, 18:10

usually you need to have some type of plugin support such as flash or silverlight IF your browser does not natively support the media format. since jplayer is javascript, your browser and device will need to support it.

i would start with... what does android 2.3.7 default browser support?

have you tried accessing the server directly?

**lee51** · 15 September 2014, 15:38

player shoucast html5

Originally Posted by sistematico View Post

I'm trying to create a mobile site for my radio using the ShoutCast with JPlayer.

In the demo of JPlayer , the audio works normally on my cell phone :

Demo : jPlayer as an audio live-stream player

http://jplayer.org/latest/demo-08/

The CSS styleable jQuery media player plugin with HTML5 support!

Even when i enter the stream demonstration in the player code :

http://listen.radionomy.com/abc-jazz

My player(on http://m.somdomato.com) works well.

However , when using my Stream :

http://somdomato.com:8000

My radio does not play(on cell phone, Android 2.2.2).

Tried various combinations such as:

http://somdomato.com:8000

http://somdomato.com:8000/stream

http://somdomato.com:8000/;

http://somdomato.com:8000/;stream

http://somdomato.com:8000/;stream.mp3

http://somdomato.com:8000/;stream/1 (as suggested by JPlayer)

http://somdomato.com:8000/stream.mp3

http://somdomato.com:2199/tunein/somdomato.pls

http://somdomato.com:2199/tunein/somdomato.pls;stream/1

Among others.

Is there an address where CentovaCast or ShoutCast provide flow into mp3 so that I can use on the player?

The tests address is: http://m.somdomato.com

Thanks in advance.

Hi, I saw your post,
do you get a page with a player for mobile?
I want to play streaming shoucast a player through a phone ...
A large button play / stop and not much more.

greetings

**DrO** · 15 September 2014, 16:01

Originally Posted by sistematico View Post

Don't work on Android 2.3.7 with default browser.

(as unlikely as you are to come back and see this...) try updating the DNAS to the current version and also ensure that there is no disableicy=0 line in the configuration file being used (as that can cause HTML5 audio compatibility issues in the DNAS version you're using).

Announcement

ShoutCast with jPlayer on Mobile Devices

ShoutCast with jPlayer on Mobile Devices

Comment

Comment

Comment

Comment

Comment

Comment

Comment