Cum se insereaza un player radio intr-o pagina html

In tutorialul de astazi o sa vorbim despre modalitatea de a ne pune un player radio la noi pe site.O sa incep cu modul de procurare a playerului respectiv.In functie de ce anume vrem sa punem la noi pe site putem sa cautam pe internet unde o sa gasim o gramada de playere,sau putem sa ne construim noi unul (pentru cei care au cunostinte de html).Despre cum se lucreaza cu html si cum se face un site noi mai avem cateva tutoriale,pe care va sfatuiesc sa le vizionati folosind motorul de cautare de la noi de pe site si pentru a intelege mai bine.

Pentru inserarea unui player de radio pe site nu ne trebuiesc cunostinte vaste de html,fiind necesar cateva instructiuni de baza.Presupunand ca am facut rost de un player pentru siteul nostru nu mai ramane decat sa il punem pe site.In tutorialul de mai jos am aratat cum se insereaza playerul intr-o pagina simpla,dar voi puteti sa il puneti in ce portiune de pagina doriti intre tagurile ‘<body></body>’.La fel putem proceda si cu un player video.Pentru cei care folosesc wordpress este obligatoriu sa insereze codul in modul html si nu in modul vizual pentru a functiona corespunzator.

Daca dorim putem customiza playerul pentru a se integra mai bine in pagina,schimbandu-i dimensiunile culoarea.In partea de jos a tutorialului o sa postez un cod html pe care il puteti folosi si voi.Acestea fiind spuse va invit sa urmariti tutorialul video de mai jos,iar daca aveti intrebari sau idei de tutoriale ne puteti scrie pe rubrica de comentarii.Vizionare placuta!

Cod radio Kiss.Fm

<div id=”audio-player”><object id=”live-flash-player” classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”190″ height=”15″

codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”name” value=”live-flash-player” />

<param name=”bgcolor” value=”#000″ /><param name=”flashvars”

value=”repeat=true&amp;autostart=true&amp;width=190&amp;height=15&amp;displayheight=0&amp;

type=rtmp&amp;streamer=rtmp://80.86.106.136/live&amp;file=stream&amp;skin=http://www.kissfm.ro/live/player/

kissfm_audio_popup.swf&amp;link=http://www.kissfm.ro/&amp;bufferlength=6″ />

<param name=”src” value=”http://www.kissfm.ro/player/player.swf&#8221; /><param name=”wmode” value=”transparent” />

<param name=”allowfullscreen” value=”false” /><param name=”quality” value=”high” /><embed id=”live-flash-player”

type=”application/x-shockwave-flash” width=”190″ height=”15″ src=”http://www.kissfm.ro/player/player.swf&#8221;

quality=”high” allowfullscreen=”false” wmode=”transparent”

flashvars=”repeat=true&amp;autostart=true&amp;width=190&amp;height=15&amp;displayheight=0&amp;type=rtmp&amp;

streamer=rtmp://80.86.106.136/live&amp;file=stream&amp;skin=http://www.kissfm.ro/live/player/kissfm_audio_popup.swf&amp;

link=http://www.kissfm.ro/&amp;bufferlength=6″ bgcolor=”#000″ name=”live-flash-player”></embed></object></div>
<script type=”text/javascript”>// <![CDATA[
var s1 = new SWFObject("http://www.kissfm.ro/player/player.swf","live-flash-player","667","61","9","#000");
s1.addParam("allowfullscreen","false");
s1.addParam('allowscriptaccess','always');
s1.addVariable("repeat","true");
s1.addVariable("autostart","true");
s1.addParam("wmode", "transparent");
s1.addVariable("width","667");
s1.addVariable("height","61");
s1.addVariable("displayheight","0");
s1.addVariable('type', 'rtmp');
s1.addVariable('streamer', 'rtmp://80.86.106.136/live');
s1.addVariable('file', 'stream');
s1.addVariable('skin', 'http://www.kissfm.ro/live/player/kissfm_audio_popup.swf');
s1.addVariable('link', 'http://www.kissfm.ro/');
s1.addVariable('bufferlength', '6');
s1.write("audio-player");

// ]]></script>

Comments
14 Responses to “Cum se insereaza un player radio intr-o pagina html”
  1. liviu spune:

    imi poti spune si mie cum pot pune un player radio cu radio cityfm???eu nu stiu…am facut playeru da nu am pus muzica

  2. generalpc spune:

    Poti pune un player asemanator cu playerul de pe site-ul oficial.Pentru a face asta poti,fie contacta administratorul paginii respective,fie poti folosi optiunea “vezi sursa paginii” din Firefox si iei de acolo codul playerului pe care il poti folosi.

  3. rash3la spune:

    misto,,dar eu tot nu am inteles unde trebuie pus codul asta

    • generalpc spune:

      Este explicat in tutorial,inserezi codul respectiv in sectiunea din site unde vrei sa iti apara radio.Daca ai un site facut in html il inserezi in sectiunea ‘body’ iar daca ai un site facut cu ajutorul wordpress ai de asemenea explicatia in tutorial.

  4. mafy spune:

    spunemi si mie cum se pune un player pe chat xat :(

  5. DragomirAndreiAlexandru Blog spune:

    Salut pe mine ma interesa sa pun playerul asta pe blogul meu pe wordpress.. ma paote ajuta cineva… id dragomirandreialeiarxandu1988@yahoo.com Chiar am nevoie macar un player de muzica daca nu de radio..

  6. Ionut spune:

    Nu este chiar precis.
    Poti face un tutorial pt punerea unui radio pe un anumit blogspot? plz raspundemi

  7. RadioTanaka spune:

    http://IPSIPORT/ PENTRU PLAYER AAC+ CONTACTATIMA

  8. RadioTanaka spune:

    RadioTanaka Music Player

    var state;

    //URL of song – Direct path
    function playerinit()
    {
    player.url=””;
    player.settings.autoStart = true ;
    }

    //Play Function
    function play()
    {
    if (player.controls.isavailable(‘play’))
    {
    player.controls.play();
    state=setInterval(“updatetime()”,1000);
    playerinfo.innerHTML = “Start”;
    }
    }

    //Pause Function
    function pause()
    {
    if (player.controls.isavailable(‘pauza’))
    {
    player.controls.pause();
    clearInterval(state);
    playerinfo.innerHTML = “Pauza”;
    }
    }

    //Stop Function
    function stop()
    {
    if (player.controls.isavailable(‘stop’))
    {
    player.controls.stop();
    clearInterval(state);
    playerinfo.innerHTML = “Stopat”;
    }
    }

    //Step Function
    function step()
    {
    if (player.controls.isavailable( ‘step’ ))
    player.controls.step( 1 );
    }

    //Volume down function
    function voldown()
    {
    if ( player.settings.volume 90 )
    {
    player.settings.volume = 100;
    playerinfo.innerHTML = “Volume 100%”;
    }
    else
    {
    player.settings.volume += 20;
    playerinfo.innerHTML = “Volum ” + player.settings.volume +”%”;
    }
    }

    //Mute Function
    function mute()
    {
    player.settings.mute = !player.settings.mute;
    playerinfo.innerHTML = “Mut”;
    }

    //Fast Forward function (NOT USED – FIX)
    function fastforward()
    {
    player.settings.rate = 2.0;
    playerinfo.innerHTML = “Fastforwording”;
    }

    //Rewind function (NOT USED – FIX)
    function rewind()
    {
    player.settings.rate = -0.0;
    playerinfo.innerHTML = “Rewinding”;
    }

    //Balance Function
    function balance()
    {
    switch (player.settings.balance)
    {
    case 0:
    player.settings.balance = 100;
    playerinfo.innerHTML = ‘Balanta: Dreapta’;
    break;
    case 100:
    player.settings.balance = -100;
    playerinfo.innerHTML = ‘Balanta: Stanga’;
    break;
    case -100:
    player.settings.balance = 0;
    playerinfo.innerHTML = ‘Balanta: Centru’;
    break;
    default :
    player.settings.balance = 0;
    playerinfo.innerHTML = ‘???’;
    break;
    }
    }

    //Time Function
    function updatetime()
    {
    playerinfo.innerHTML = player.controls.currentPositionString + ” | ” + player.currentMedia.durationString +” ” + player.status + ““;
    }

    RadioTanaka Asculta Live!!
           
    http://radiotanaka.weebly.com

      <input TYPE="image" src="http://www.imageurlhost.com/images/pz3gl2kfao0g4y2dyxc.jpg&quot;

     
     
     
     
     

     
     

    switch (newstate){
    case 1:
    playerinfo.innerHTML = “Incarca..”;
    break;
    case 2:
    playerinfo.innerHTML = “incarca…”;
    break;
    case 3:
    playerinfo.innerHTML = “incarca….”;
    break;
    case 10:
    playerinfo.innerHTML = “Apasa butonul play sa incarce”;
    }

  9. dj florinel spune:

    cum il pun se eu pe xat

  10. dj florinel spune:

    cum il pun se eu pe xat pleyerul ma ajuti daca vrei ma gasesti pe id floryn_florinsucaru ajutatima si pe mine

  11. cezar spune:

    sall ma potzi ajuta oare sa pun si eu un player la mine in grup pe facebook?tot mam chinuit dar nu iasa nimik si nu gasesc pt radio pro-b pe net nustiu exact cum sa fac pls help :P:P adresa mea este cezar_bn@yahoo.com

  12. vlad spune:

    salut , am un radio care emite AAC , vreaus a stiu cum pot sa-l fac sa se auda pe site , Mp3 am reusit dar nu reusesc nicidecum AAC . multumesc mult

Lasă un răspuns

Completeaza detaliile de mai jos sau apasa click pe una din imagini pentru a te loga:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Schimbă )

Twitter picture

You are commenting using your Twitter account. Log Out / Schimbă )

Facebook photo

You are commenting using your Facebook account. Log Out / Schimbă )

Google+ photo

You are commenting using your Google+ account. Log Out / Schimbă )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: