ShoutCast with jPlayer on Mobile Devices

sistematico · 11th May 2014, 18:12

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 :
http://jplayer.org/latest/demo-08/

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.

dopelabs · 26th 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 · 26th May 2014, 15:44

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

dopelabs · 26th 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 · 26th May 2014, 18:00

Don't work on Android 2.3.7 with default browser.

dopelabs · 26th 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 · 15th September 2014, 15:38

Quote:

Originally Posted by sistematico

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 :
http://jplayer.org/latest/demo-08/

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 · 15th September 2014, 16:01

Quote:

Originally Posted by sistematico

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).

11th May 2014, 18:12	#1
sistematico Junior Member Join Date: Oct 2013 Posts: 8	ShoutCast with jPlayer on Mobile Devices 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 : http://jplayer.org/latest/demo-08/ 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.

26th May 2014, 11:46	#2
dopelabs Major Dude Join Date: Oct 2006 Location: Silicon Valley Posts: 534	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.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

26th May 2014, 15:44	#3
sistematico Junior Member Join Date: Oct 2013 Posts: 8	Thank you dopelabs. I'll try that and come back here to post the result.

26th May 2014, 18:00	#5
sistematico Junior Member Join Date: Oct 2013 Posts: 8	Don't work on Android 2.3.7 with default browser.

26th May 2014, 18:10	#6
dopelabs Major Dude Join Date: Oct 2006 Location: Silicon Valley Posts: 534	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?