• Welcome to RadioDJ - Free Radio Automation Software Forum. Please log in or sign up.

[Creation] Free player radio for pc/mobile/phone

Started by mrmazure, March 06, 2015, 01:23:40 AM

mrmazure

I am French, Google translation ... thank you Google !

---- ENGLISH

Hi everyone,

I love this forum for the sharing of all members, so I downloaded a lot and so it's my turn to share one of my creations that could help to online radios that start.

I created a player for a radio I manage the site. The player is loosely based on the player MaRadio.be. I tried to make it as easy to install as possible. There are two to three files to edit. I realized a procedure, it should allow anyone to set up (even if you know nothing). The interface has been designed to match the colors of your radio (there are some JPG to change). In short it is set up in 5 minutes.

It supports PC / tablet / mobile (android / iphone). A slot for a Google Adsense ad is planned. As well as facebook and twitter icons. The player am 1mb.

And I put it to available for you, you do what you want, you take it, modify it, the repartagez, sell it, rent it ... BRIEF you do what you want.

It is version 1.0, I will make available the new versions. The next step responsive design to make the adaptive design for mobile.

This is a picture and you can see it in action at: http://www.maxfm.be/com/playercom/



If you encounter any bugs or have any comments (insults all that ...) do not hesitate!

I hope that it will be useful

New version below

---- FRANÇAIS

Salut tout le monde,

J'aime beaucoup ce forum pour le partage de tous les membres, alors je télécharge beaucoup et donc c'est à mon tour de partager l'une de mes créations qui pourraient aider des webradios qui débutent.

J'ai crée un player pour une radio dont je gère le site. Le player est inspiré librement du player MaRadio.be. J'ai tenté de le rendre le plus simple à installer que possible. Il y a 2 - 3 fichiers à modifier. J'ai réalisé une marche à suivre, ça devrait donc permettre à n'importe qui de le configurer (même si vous n'y connaissez rien). L'interface a été pensée pour s'adapter aux couleurs de votre radio (il y a quelques JPG à modifier). En bref il est mis en place en 5 minutes chrono.

Il est compatible Pc/tablettes/mobiles (android/iphone). Un emplacement pour une pub Google Adsense est prévu. Ainsi que des icones facebook et twitter. Le player fais 1mo.

Et je le mets à dispo pour vous, vous en faites ce que vous voulez, vous le prenez, le modifiez, le repartagez, le vendez, le louez... BREF vous faites ce que vous voulez.

Il est en version 1.0, je mettrai à disposition les nouvelles versions. Prochaine étape le responsive design pour rendre le design adaptatif aux mobiles.

Voilà une photo et vous pouvez le voir en action à cette adresse : http://www.maxfm.be/com/playercom/

Si vous rencontrez des bugs ou avez des remarques (insultes tout ça...) n'hésitez pas !

J'éspère que cela vous sera utile

Nouvelle version en bas


molnarb83

#1
The player only supports Shoutcast? At the now_playing.php I can set an Icecast server to get the infos... but at the js/player.js I could only set a shoutcast server. :(

molnarb83

SOLVED!

If you change line 75 at player.js like this... the player works with Icecast:
      url: 'http://adas3.allinparty.hu:8430/hq',

mrmazure

Great! I have not yet thought the player to icecast, but I'll do it in the next version. To make it even simpler configuration.

For the "nowplaying.php" must be selected icecast, on lines 2 and 8.

Vanlen

Wow, thank you @mrmazure for sharing. :cool:  I'll have to give it a try

Cheers
Forest Green - Music in Nature's Frequency
www.forestgreenradio.ca

Jhonny

@mrmazure for sharing. :cool:

Have it playing from a icecast server.

Only no metadata showing.

Jh.
R.T.F.M. means to me, Read The Fantastic Messages.
Einstein says: Make things simple, but don't make simple things simpler! (wise) this is just my life lesson you know.

I don't do drugs ( ͡° ͜ʖ ͡°)
The Radiodj tutorials site is now managed by Domstad radio .nl still  Just in English

molnarb83

And where can I set the Amazon API to get the covers??

mrmazure

Quote from: molnarb83 on March 06, 2015, 05:12:54 PM
And where can I set the Amazon API to get the covers??

I have not thought about that. I would see it in future releases. But if you work a bit you should be able to integrate.

joshuatree44

#8
I have yet to get it working. I have it getting meta data but no audio what so ever. I am not sure I edited everything but I am only seeing that little bit of coding thus far. http://aspenstatic.com/player/

$srv_t = '3'; ### 1 = Radionomy // 2 = SHOUTcast // 3 = Icecast ###
$uid_r = ''; ### Radio UID Radionomy ###
$srv_ip = 's1.streamaudio.de:'; ### IP/URL du serveur ###
$srv_port = '8000'; ### PORT du serveur ###


$srv_mount = '/asylum-rock'; ### MOUNT du serveur Icecast ###
$cache = './cache.txt'; ### Fichier de cache local ###
$cache_c = './cache_call.txt'; ### Fichier de cache_call local ###


am I missing something? also do I need to worry about these txt files?

Quote from: mrmazure on March 06, 2015, 07:25:50 PM
I have not thought about that. I would see it in future releases. But if you work a bit you should be able to integrate.

Jhonny

For the icecast server you have to adjust a function in js/player.js


function startRadio(){
        resultContainer.empty();
        $('#coverHolder').append('<img id="coverPreloader" src="./images/preloader.gif"></img>');
        $("#stopBtn").show ();
        $("#playBtn").hide();
        soundManager.onready(function(){
        myRadio = soundManager.createSound({
        id: 'radioStream',
        url: 'http://127.0.0.1:8001/stream',
        stream: true, 
        volume: $("#amount").text(),
        //usePeakData: true,     // [Flash 9 only] whether or not to show peak data (no notable CPU cost)
        usePolicyFile: true,
        //type: 'audio/mpeg',
      });


[attachment deleted by admin]
R.T.F.M. means to me, Read The Fantastic Messages.
Einstein says: Make things simple, but don't make simple things simpler! (wise) this is just my life lesson you know.

I don't do drugs ( ͡° ͜ʖ ͡°)
The Radiodj tutorials site is now managed by Domstad radio .nl still  Just in English

joshuatree44

#10
OK I got it to work with my shoutcast server, however it is not showing meta data like it did once. So am I missing something there?

mrmazure

Quote from: joshuatree44 on March 07, 2015, 01:16:34 PM
OK I got it to work with my shoutcast server, however it is not showing meta data like it did once. So am I missing something there?

Have You change thé informations in the nowplaying.php to ?

joshuatree44


mrmazure

#13
New Version : V1.1

ENG :
- File Optimization player.js with configuration information for shoutcast, icecast and radionomy.
- Optimization of the index.html file.
- Remove unnecessary files and renaming others. (lighter)
- Translation FR / ENG files and installation. (Jhonny thank you)
- Responsive design implentation.
- Fixed display bug logo and pub.

To update, I advise you to replace everything and reconfigure the player.

FR :
- Optimisation du fichier player.js, avec informations de configuration pour shoutcast, icecast et radionomy.
- Optimisation du fichier index.html.
- Suppression de fichiers inutiles et retitrage d'autres. (plus claire)
- Traduction FR/ENG des fichiers et de l'installation. (merci Jhonny)
- Implentation du Responsive design.
- Correction bug d'affichage logo et pub.

Pour mettre à jour, je vous conseille de tout remplacer et de reconfigurer le player.

Nouvelle version en bas / New version down

joshuatree44

Still have yet to get this thing to work. I am thinking I have a lost cause. :(