Quero colocar essa radio no forum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Quero colocar essa radio no forum

Mensagem por adaiuto em 09/10/13, 11:00 pm

Qual é minha questão:
Me ajudem a colocar essa radio no forum 

http://www.rtm.radio.br/radio/ouca_agora_radio.html




Endereço do meu fórum:
http://gospel-semeadores-da.forumeiros.com

Versão do fórum:
PHPBB2


Última edição por adaiuto em 10/10/13, 09:32 pm, editado 1 vez(es)
avatar

adaiuto
Usuário destaque

Masculino
Inscrito dia : 04/09/2011
Mensagens : 631
Pontos Ativos : 998

Ver perfil do usuário http://genioseletronica.forumeiros.com/

Resolvido Re: Quero colocar essa radio no forum

Mensagem por First em 09/10/13, 11:15 pm

Olá,

Senhor, aqui está o código que eles usam, lembrando que este código devera ser aplicado em algum local do seu fórum que permiti HTML.
Código:
<html>
<head>
<meta charset=utf-8 />

<!-- Website Design By: www.happyworm.com -->
<title>RTM - Brasil</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="The CSS styleable jQuery media player plugin with HTML5 support!" />
<meta name="keywords" content="jPlayer, jQuery, jQuery plugin, media, video, audio, media player, video player, audio player, mp3, mp4, m4a, m4v, aac, h264, ogg, oga, ogv, wav, webm" />
<meta name="company" content="Happyworm" />
<link href="http://www.rtm.radio.br/css/jPlayer.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://www.rtm.radio.br/graphics/jplayer.ico" type="image/x-icon" />
<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 6]>
<link href="/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="http://www.rtm.radio.br/radio/css/prettify-jPlayer.css" rel="stylesheet" type="text/css" />
<link href="http://www.rtm.radio.br/radio/css/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.rtm.radio.br/radio/js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="http://www.rtm.radio.br/radio/js/themeswitcher.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
   var stream = {
      title: "ABC Jazz",
      mp3: "http://baggio.radio.br:8007/;stream/1"
   },
   ready = false;
   $("#jquery_jplayer_1").jPlayer({
      ready: function (event) {
         ready = true;
         $(this).jPlayer("setMedia", stream).jPlayer("play");
      },
      pause: function() {
         $(this).jPlayer("clearMedia");
      },
      error: function(event) {
         if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
            // Setup the media stream again and play it.
            $(this).jPlayer("setMedia", stream).jPlayer("play");
         }
      },
      swfPath: "http://www.rtm.radio.br/radio/js/Jplayer.swf",
      supplied: "mp3,oga",
      solution: (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)?"flash,html":"html,flash",
      preload: "none",
      wmode: "window",
      keyEnabled: true,
       errorAlerts: false
   });

});
//]]>
</script>
</head>
<body class="demo" >
<div id="container">

   
   <div id="content_main">
      <section>



      <div id="jquery_jplayer_1" class="jp-jplayer"></div>

      <div id="jp_container_1" class="jp-audio">
         <div class="jp-type-single">
            <div style="background:url(http://www.rtm.radio.br/radio/radio.png);height:242px;width:502px;" 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-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-volume-bar">
                  <div class="jp-volume-bar-value"></div>
               </div>
               <div class="jp-time-holder">
               </div>
            </div>
         </div>
      </div>


      </section>
   </div>
</div>
</body>

</html>

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Quero colocar essa radio no forum

Mensagem por adaiuto em 09/10/13, 11:19 pm

como widgt nao tocou e como faço pra reduzir pra 150px?
avatar

adaiuto
Usuário destaque

Masculino
Inscrito dia : 04/09/2011
Mensagens : 631
Pontos Ativos : 998

Ver perfil do usuário http://genioseletronica.forumeiros.com/
  • 0

Resolvido Re: Quero colocar essa radio no forum

Mensagem por First em 09/10/13, 11:26 pm

Olá,

Senhor, substitua o código por este:
Código:
<html>
<head>
<meta charset=utf-8 />
<style type="text/css">
div.jp-audio {
width: 200px!important;
}
</style>
<!-- Website Design By: www.happyworm.com -->
<title>RTM - Brasil</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="The CSS styleable jQuery media player plugin with HTML5 support!" />
<meta name="keywords" content="jPlayer, jQuery, jQuery plugin, media, video, audio, media player, video player, audio player, mp3, mp4, m4a, m4v, aac, h264, ogg, oga, ogv, wav, webm" />
<meta name="company" content="Happyworm" />
<link href="http://www.rtm.radio.br/css/jPlayer.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://www.rtm.radio.br/graphics/jplayer.ico" type="image/x-icon" />
<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 6]>
<link href="/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="http://www.rtm.radio.br/radio/css/prettify-jPlayer.css" rel="stylesheet" type="text/css" />
<link href="http://www.rtm.radio.br/radio/css/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.rtm.radio.br/radio/js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="http://www.rtm.radio.br/radio/js/themeswitcher.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
   var stream = {
      title: "ABC Jazz",
      mp3: "http://baggio.radio.br:8007/;stream/1"
   },
   ready = false;
   jQuery("#jquery_jplayer_1").jPlayer({
      ready: function (event) {
         ready = true;
         jQuery(this).jPlayer("setMedia", stream).jPlayer("play");
      },
      pause: function() {
         jQuery(this).jPlayer("clearMedia");
      },
      error: function(event) {
         if(ready && event.jPlayer.error.type === jQuery.jPlayer.error.URL_NOT_SET) {
            // Setup the media stream again and play it.
            jQuery(this).jPlayer("setMedia", stream).jPlayer("play");
         }
      },
      swfPath: "http://www.rtm.radio.br/radio/js/Jplayer.swf",
      supplied: "mp3,oga",
      solution: (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)?"flash,html":"html,flash",
      preload: "none",
      wmode: "window",
      keyEnabled: true,
       errorAlerts: false
   });

});
//]]>
</script>
</head>
<body class="demo" >
<div id="container">

   
   <div id="content_main">
      <section>



      <div id="jquery_jplayer_1" class="jp-jplayer"></div>

      <div id="jp_container_1" class="jp-audio">
         <div class="jp-type-single">
            <div style="background:url(http://www.rtm.radio.br/radio/radio.png);height:242px;width:200px;" 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-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-volume-bar">
                  <div class="jp-volume-bar-value"></div>
               </div>
               <div class="jp-time-holder">
               </div>
            </div>
         </div>
      </div>


      </section>
   </div>
</div>
</body>

</html>

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Quero colocar essa radio no forum

Mensagem por adaiuto em 09/10/13, 11:45 pm

essa ficou bom ,mas como esta em html nao da pra mim colocar como widgte ,muito obrigado,vou ver se encontro outra radio que nao seja html ,pois sendo assim o lugar onde postamos,a caixa de resposta some
avatar

adaiuto
Usuário destaque

Masculino
Inscrito dia : 04/09/2011
Mensagens : 631
Pontos Ativos : 998

Ver perfil do usuário http://genioseletronica.forumeiros.com/

Resolvido Re: Quero colocar essa radio no forum

Mensagem por adaiuto em 10/10/13, 09:32 pm

bom pra nao ficar dois pedidos em um topico ,vou escolher outra radio que tenha codigo em css

muito obrigado pela atençao e ajuda
avatar

adaiuto
Usuário destaque

Masculino
Inscrito dia : 04/09/2011
Mensagens : 631
Pontos Ativos : 998

Ver perfil do usuário http://genioseletronica.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum