freestuff.gr αρχική σελίδα
 FAQFAQ    ΑναζήτησηΑναζήτηση   Λίστα ΜελώνΛίστα Μελών   Ομάδες ΜελώνΟμάδες Μελών   <b>Εγγραφή Μέλους</b>Εγγραφή Μέλους 
 ΠροφίλΠροφίλ   Επιλογές μέλους Επιλογές   Τα bookmarks μου Τα bookmarks μου   Προσωπικά μηνύματαΠροσωπικά μηνύματα 
  διαφήμιση  

Καλώς ήρθατε στο forum μας! Για να συμμετάσχετε στις συζητήσεις θα πρέπει να είσαστε μέλος. Γίνετε μέλος τώρα!.
 

Flash Player για radio stream με τον JW player


 Forum index » Δημιουργία Web Sites, Γραφικών & Προγραμματισμός » HTML, CSS και JavaScript » JavaScript και Ajax
Moderators:  Super-Moderators, WebDev Moderators
Εισαγωγή νέου Θέματος   Απάντηση στο Θέμα Σελίδα 1 από 1 [8 Μηνύματα]      Bookmarks Tags: flashradiostreamplayer Mark the topic unread :: Προηγούμενο θέμα :: Επόμενο θέμα
ΑποστολέαςΜήνυμα
fafos
Script Master

Μέλος από: 30 Νοε 2004
Βοηθήματα: 17
Scripts: 6
Μηνύματα: 256+


View users profile
ΜήνυμαΣτις: 23 Ιαν 2010 19:49    Θέμα: Flash Player για radio stream με τον JW player Απάντηση με παράθεση  Mark this post and the followings unread

Flash Player για radio stream με τον JW player:

Στο παρακάτω βοήθημα μπορούμε να φτιάξουμε έναν flash player για να παίζουμε κάποιον(ους) ραδιοφωνικό σταθμό στην ιστοσελίδα μας.

Στο βοήθημα αναπτύσσω την ιδέα για 1 ράδιο αλλά λόγω του ότι χρησιμοποιούμε xml playlist μπορείτε να βάλετε όσους σταθμούς θέλετε.


1. Κατεβάστε τον JW flash player: http://www.longtailvideo.com/players/jw-flv-player/

o player υπάρχει και σε commercial lisence όπου δεν εμφανίζεται το logo (εμφανίζεται για λίγο με την έναρξη του player στην free έκδοση) και επίσης έχετε την δυνατότητα να δημιουργήσετε το δικό σας layout σε ένα αρχείο xml. Ο free δεν έχει αυτές τις δυνατότητες.

αποσυμπιέστε το zip αρχείο... από τα αρχεία που υπάρχουν μέσα θα χρειαστούμε μόνο το swfobject.js και το player.swf (ή player-viral.swf ανάλογα με το τι κατεβάσατε).


2. Πάρτε το stream url του σταθμού (π.χ. http://www.elgr.info/tunein.php/enimerosi/playlist.asx) και ανοίξτε το με το notepad (στο ανοιγμα αρχείου βάζουμε την παραπάνω διεύθυνση)... αυτό θα μας δώσει τα στοιχεία του σταθμού:




κώδικας:
<asx version = "3.0">
   <Title>:: ENIMERWSI.GR RADIO::</Title>
   <Author>http://www.enimerwsi.gr</Author>
   <Copyright> :: ENIMERWSI.GR ::</Copyright>
   <PARAM name="HTMLView" value="http://www.enimerwsi.gr" />
   <MoreInfo href="http://www.enimerwsi.gr" />
   <entry>
      <ref href="http://174.36.237.66:8152" />
      <Title>:: ENIMERWSI.GR RADIO::</Title>
      <Author>http://www.enimerwsi.gr</Author>
   </entry>
</asx>


εμάς μας ενδιαφέρει αυτό:
κώδικας:
<ref href="http://174.36.237.66:8152" />


αυτό το link θα το χρησιμοποιήσουμε παρακάτω...


3. δημιουργούμε στο notepad ένα αρχείο xml με τον παρακάτω κώδικα:

κώδικας:

<?xml version='1.0' encoding='UTF-8'?>
<playlist version="1" xmlns="http://xspf.org/ns/0/" xmlns:jwplayer="http://developer.longtailvideo.com/trac/wiki/FlashFormats">

<trackList>
 <track>
<creator>Enimerwsi.gr</creator>
<title>ENIMERWSI.GR RADIO</title>
<jwplayer:description>kapoio allo keimeno edo</jwplayer:description>
<location>http://174.36.237.66:8152/;*.nsv</location>
<info>http://enimerwsi.gr/</info>
<jwplayer:type>sound</jwplayer:type>
<jwplayer:image>fafos.png</jwplayer:image>
<jwplayer:duration>28800</jwplayer:duration>
</track>


</trackList>
</playlist>


στο creator γράφουμε τον τίτλο του site
στο title γράφουμε κάποιον τίτλο (π.χ. Το ράδιο αρβύλα)
στο description γράφουμε κάποιες άλλες πληροφορίες (π.χ. κάποιο slogan)
στο location βάζουμε το link που είπαμε παραπάνω (http://174.36.237.66:8152) προσθέτοντας τα: /;*.nsv
το type το αφήνουμε πάντα με value sound
στο image βάζουμε κάποια εικόνα ή λογότυπο αλλά προσέχουμε τις διαστάσεις να μην είναι πολύ μικρή ή πολύ μεγάλη η εικόνα!
το duration χρησιμεύει για να δίνουμε στην playlist τον χρόνο αλλαγής στον επόμενο σταθμό αν έχουμε πολλούς σταθμούς στον ίδιο player.. για έναν σταθμό αφήστε το στα 28800.

Αν θέλετε να προσθέσετε και άλλον σταθμό επαναλάβατε από κάτω το κομμάτι κώδικα:

κώδικας:
<trackList>
 <track>
<creator>Enimerwsi.gr</creator>
<title>ENIMERWSI.GR RADIO</title>
<jwplayer:description>kapoio allo keimeno edo</jwplayer:description>
<location>http://174.36.237.66:8152/;*.nsv</location>
<info>http://enimerwsi.gr/</info>
<jwplayer:type>sound</jwplayer:type>
<jwplayer:image>fafos.png</jwplayer:image>
<jwplayer:duration>28800</jwplayer:duration>
</track>


</trackList>


αλλάζοντας βέβαια τα δεδομένα για τον νέο σταθμό..


4. Στην σελίδα που θέλουμε να εμφανίσουμε τον player για αρχή καλούμε το swfobject:

παράθεση:
<script language="javascript" type="text/javascript" src="swfobject.js"></script>


από κάτω βάζουμε ένα javascript που μας βοηθά περισσότερο όταν έχουμε πάνω από 1 σταθμό τον player.. εσείς βάλτε τον κώδικα ακόμα και για 1 σταθμό.. στο ιδιο javascript βάζουμε και τον κώδικα για τον player:

κώδικας:
<script language="javascript" type="text/javascript">
    var player        =  null;
      var playlist      =  null;
      var currentTime   =     0;
      var previousTime  =    -1;


      function playerReady(obj)
      {
        player = gid(obj.id);
        addListeners();
      };


      function addListeners()
      {
        playlist = player.getPlaylist();

        if(playlist.length > 0)
        {
          player.addModelListener('TIME', 'timeMonitor');
          checkTime();
        }
        else
        {
          setTimeout("addListeners();", 50);
        }
      };


      function timeMonitor(obj)      {
        currentTime = obj.position

        if(currentTime < previousTime)        {
          previousTime = -1;
        }
      };


      function checkTime()
      {
        if(previousTime < currentTime)
        {
          previousTime = currentTime;
        }
        else
        {
          player.sendEvent('NEXT');
          $(".bottom").effect("highlight", {"color":"blue"}, 2000);
        }

        setTimeout("checkTime();", 15000);
      };


      function gid(name)
      {
        return document.getElementById(name);
      };
    
    
    
    
    
function radio() {   
      var s1 = new SWFObject('player-viral.swf','mediaplayer','420','100','9');
      s1.addParam('allowfullscreen','false');
      s1.addParam('allowscriptaccess','always');
      s1.addVariable("backcolor","0x000000");
      s1.addVariable("frontcolor","0xFFFFFF");
      s1.addVariable("lightcolor","0xCCCC00");
      s1.addVariable("volume","60");
      s1.addVariable('file', 'radio.xml');
      s1.addVariable('skin', 'snel.swf');
      s1.addVariable('autoscroll','true');
      s1.addVariable('playlist','top');
      s1.addVariable('playlistsize','360');
      s1.addVariable('repeat','always');
      s1.addVariable('autostart','true');
      s1.write('radio');   

      
      
};

window.onload = radio
</script>


Για το τι κάνει το κάθε variable μπορείτε να διαβάσετε εδώ: http://developer.longtailvideo.com/trac/wiki/Player5FlashVars

οι δυνατότητες του player είναι πολλές και δεν μπορώ να τις αναλύσω εδώ. Αυτά που πρέπει να προσέξετε είναι η διαδρομή προς το swf αρχείο (player-viral.swf) και οι διαστάσεις που δίνει ('420','100')

αν διαβάσετε καλά τα variables μπορείτε να αλλάξετε την εμφάνιση του player. Η εταιρεία τους έχει και κάποια skins τα οποία αυτή την στιγμή τα πουλά (παλιά τα είχε free). Εγώ στο demο μου χρησιμοποιώ ένα από αυτά τα skins το οποίο είναι με commercial license και αν το κατεβάσετε η ευθύνη είναι δική σας !


Ο player θα εμφανιστεί όπου βάλετε αυτό το div:
κώδικας:
<div id="radio"  ></div>



Δείτε ένα demo εδώ (1 σταθμό)

και εδώ:
Δείτε ένα demo εδώ (2 σταθμοί)

Επισυνάπτω τα αρχεία που χρησιμοποιώ για το demo με ένα ράδιο (χωρίς το skin)

Ο player μπορεί να γίνει πιο δυναμικός χρησιμοποιώντας λίγη php και ajax για να δείχνει πιο τραγούδι παίζει ο σταθμός μέσα στον player.. αυτό δυστυχώς χρειάζεται να έχω πρόσβαση σε κάποιον λογαριασμό shoutcast κάτι το οποίο δεν έχω..



radio.zip
 Description:

Download
 Filename:  radio.zip
 Filesize:  122.62 KB
 Downloaded:  1601 Time(s)


_________________
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...
billiaswhs


Μέλος από: 11 Νοε 2004
Μηνύματα: 256+

View users profile
blog cv facebook sync twitter friendfeed 
del.icio.us skype 
ΜήνυμαΣτις: 09 Σεπ 2010 16:27    Θέμα: Απάντηση με παράθεση  Mark this post and the followings unread

Γεια χαρά πολύ καλό το tutorial, βασικά έχω βάλει στη ροή ένα σταθμό
αλλά δεν θέλω να ξεκινάει με το που κάνει load η σελίδα οπότε
έβαλα το autostart false

s1.addVariable('autostart','false');

άλλα πάλι ξεκινάει μήπως παίζει τίποτα από το javascript και δεν παίρνει τη τιμή?

_________________
www.vontikakis.com
www.photoreal.me
fafos
Script Master

Μέλος από: 30 Νοε 2004
Βοηθήματα: 17
Scripts: 6
Μηνύματα: 256+


View users profile
ΜήνυμαΣτις: 09 Σεπ 2010 16:47    Θέμα: Απάντηση με παράθεση  Mark this post and the followings unread

emena douleuei kanonika se olous tous browsers.. katharise thn cache...

_________________
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...
billiaswhs


Μέλος από: 11 Νοε 2004
Μηνύματα: 256+

View users profile
blog cv facebook sync twitter friendfeed 
del.icio.us skype 
ΜήνυμαΣτις: 10 Σεπ 2010 00:06    Θέμα: Απάντηση με παράθεση  Mark this post and the followings unread

Την καθάρισα τώρα, άλλα τελικά είδα οτί δεν έχει προβλημα με
firefox, και τον ΙΕ8 δεν κάνει ο autostart

αλλά με τον Ι7 πρέπει να έχει κανένα μικροπροβληματάκι ο ίδιος
jwplayer συνεχίζει να μπαίνει το autostart.

_________________
www.vontikakis.com
www.photoreal.me
deejayfm


Μέλος από: 12 Σεπ 2010
Μηνύματα: 1

View users profile
ΜήνυμαΣτις: 12 Σεπ 2010 12:16    Θέμα: deejay fm Απάντηση με παράθεση  Mark this post and the followings unread

ΠΑΙΔΙΑ ΜΠΟΡΕΙΤΕ ΝΑ ΜΟΥ modarete ΤΟ PLAYER ΓIA NA TO ΒΑΛΩ ΣΕ ΕΝΑ SITE ΓΤ ΔΕΝ ΞΕΡΩ? εδω ειναι το streaming ( <asx version="3.0">
<title>deejay fm 107,3 Your dancefloor radio Web:www.deejay-fm.com</title>
<entry>
<title>deejay fm 107,3 Your dancefloor radio Web:www.deejay-fm.com</title>
<author>
deejay fm 107,3 Your dancefloor radio Web:www.deejay-fm.com</author>
<ref href="http://s8.myradiostream.com:10070"/>
</entry>
</ASX>
</ASX> )
ΑΝ ΜΠΟΡΕΙΤΕ ΦΙΑΞΤΕΤΟ ΚΑΙ ΣΤΗΛΤΕ ΜΟΥ ΤΟ HTML ΕΔΩ :'( ΣΑΣ ΠΑΡΑΚΑΛΩΩΩΩΩΩΩΩ
webmonster


Μέλος από: 06 Οκτ 2010
Μηνύματα: 8

View users profile
ΜήνυμαΣτις: 01 Νοε 2010 05:23    Θέμα: ΠΑΙΔΙΑ ΜΠΟΡΕΙΤΕ ΝΑ ΜΟΥ modarete ΤΟ PLAYER
Περιγραφή θέματος: einaietimo katebaseto
Απάντηση με παράθεση  Mark this post and the followings unread

Parto apo edw : http://www.webmonster.gr/deejay/player.zip

Anthes na to deis na paizei : http://www.webmonster.gr/deejay
PhaNToM


Μέλος από: 06 Αυγ 2012
Μηνύματα: 1
Περιοχή: Ελλάδα
View users profile
ΜήνυμαΣτις: 06 Αυγ 2012 11:53    Θέμα: Απάντηση με παράθεση  Mark this post and the followings unread

Με listen2myradio δοκίμασε κανείς?
dj_kostas_pro


Μέλος από: 10 Οκτ 2007
Μηνύματα: 193
Περιοχή: Θεσσαλονίκη
View users profile
ΜήνυμαΣτις: 18 Αυγ 2012 07:17    Θέμα: Απάντηση με παράθεση  Mark this post and the followings unread

PhaNToM το listen2myradio τα τελευταία χρόνια έχει κάνει το streaming με κάποιον τρόπο να μπορεί κάποιος να το ακούσει μόνο από την σελίδα listen2myradio αλλιώς αν το περάσεις στο site σου μετά από κάποια λεπτά σταματάει
Εμφάνιση Μηνυμάτων:   
Εισαγωγή νέου Θέματος   Απάντηση στο Θέμα Σελίδα 1 από 1 [8 Μηνύματα] Mark the topic unread :: Προηγούμενο θέμα :: Επόμενο θέμα
 Forum index » Δημιουργία Web Sites, Γραφικών & Προγραμματισμός » HTML, CSS και JavaScript » JavaScript και Ajax


Σχετικά θέματα
 Θέματα   Απ/σεις   Αποστολέας   Τελευταίο μήνυμα 
καλησπερα παιδια,βοηθεια για JW player 1 bourbourakos 05 Νοε 2013 18:12
geok67 Εμφάνιση τελευταίου μηνύματος
επιλέγοντας radio button 7 Serghio 02 Ιουλ 2013 15:41
alou Εμφάνιση τελευταίου μηνύματος
 
Τώρα είναι 17 Απρ 2014 05:48 | All times are UTC + 2


Email This Page to Someone! add to Favorites

     Powered by p h p B B © 2001,2005 p h p B B Group
Για άμεση επικοινωνία με τον διαχειριστή του freestuff.gr στο email: freestuff.gr(παπάκι)gmail.com


κακό μάτι
Copyright © 1999-2013 Freestuff.gr All Rights Reserved  
Version Aegean, designed by N. Tsaganos