Old 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.
sistematico is offline   Reply With Quote
Old 26th May 2014, 11:46   #2
dopelabs
Major Dude
 
dopelabs's Avatar
 
Join Date: Oct 2006
Location: Silicon Valley
Posts: 531
Send a message via AIM to dopelabs
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.
dopelabs is offline   Reply With Quote
Old 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.
sistematico is offline   Reply With Quote
Old 26th May 2014, 17:51   #4
dopelabs
Major Dude
 
dopelabs's Avatar
 
Join Date: Oct 2006
Location: Silicon Valley
Posts: 531
Send a message via AIM to dopelabs
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>

dopelabs is offline   Reply With Quote
Old 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.
sistematico is offline   Reply With Quote
Old 26th May 2014, 18:10   #6
dopelabs
Major Dude
 
dopelabs's Avatar
 
Join Date: Oct 2006
Location: Silicon Valley
Posts: 531
Send a message via AIM to dopelabs
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?
dopelabs is offline   Reply With Quote
Old 15th September 2014, 15:38   #7
lee51
Junior Member
 
Join Date: Sep 2014
Posts: 1
player shoucast html5

Quote:
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 :
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
lee51 is offline   Reply With Quote
Old 15th September 2014, 16:01   #8
DrO
 
Join Date: Sep 2003
Posts: 27,873
Quote:
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).
DrO is offline   Reply With Quote
Reply
Go Back   Winamp & Shoutcast Forums > Shoutcast > Shoutcast Technical Support

Tags
centovacast, jplayer, mobile, shoutcast

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump