Bienvenid@s al Foro del Pueblo
Este es su foro de expresión. Le invitamos a compartir sus temas y comentarios. Temática variada: farándula, música, religión, política, etc.

 
ÍndiceÍndice  CalendarioCalendario  FAQFAQ  BuscarBuscar  MiembrosMiembros  Grupos de UsuariosGrupos de Usuarios  RegistrarseRegistrarse  ConectarseConectarse  
Saludos amigos: A nombre de la administración del foro. Quiero darles las gracias por el apoyo que nos han brindado, donde cada uno de sus comentarios y opiniones han sido importantes para nosotros. Gracias Atentamente Admin

Comparte|

ayuda reproductor foro

Ver el tema anterior Ver el tema siguiente Ir abajo
MensajeAutor
MensajeTema: ayuda reproductor foro Jue Mayo 29, 2014 8:10 am

saludos a todo el foro, soy nuevo en el foro me presento soy javier rodriguez vivo en valencia españa,y tengo 48 años, si me pudieran ayudar les estaria eternamente agradecido, recientemente cree un foro de musica en foroactivo. y el problema que tengo es que el reproductor cada vez que salgo del indice a otra seccion se corta, me gustaria que me ayudasen a ponerlo como el suyo que reproduzca siempre y que el usuario lo pueda quitar cuando guste, he consultado en los tutoriales del foro y he probado de mil formas y no me aclaro, lo dicho les estaria eternamente agradecido si me ayudaran, si desean algun tema o video en concreto de musica de lo 80 diganmelo les complacere con mucho gusto arriba 
tio percha
Mensajes : 6
Fecha de inscripción : 29/05/2014
Ver perfil de usuario
Volver arriba Ir abajo
MensajeTema: Re: ayuda reproductor foro Jue Mayo 29, 2014 1:33 pm

Saludos y bienvenido Javier.

Para que entiendas, la razón de por que ese reproductor de http://wapa.latinforo.com/h5-wapa-radio la música no se corta es la siguiente. Es foro esta dentro de un iframe. Al ese iframe estar dentro de una pagina HTML por lo que pase dentro de ese IFRAME sera independiente a la WEB HTML. El reproductor esta en la pagina HTML al igual que el IFRAME. Por esa razón puedes ir por todo el foro sin que se corte la música. Originalmente las desventajas de tener el foro así, es que en la barra de direcciones solo salia la dirección URL de la pagina HTML que creaste. Pero para remediar eso en la WEB que viste hay una caja de texto que se actualiza en la dirección que navega el IFRAME.

Confiando que sepas un poco de HTML te explicare el código.

A continuación veras la cabecera <head></head>, en ella van los meta tag que tengas, los javascript y los estilos css. En este caso veras que hay estilo y es para redondear los bordes de la caja de direcciones. Y para redondear los bordes del DIV que contiene el IFRAME. A fin de crear esos efectos yo coloque el IFRAME del foro dentro de un DIV en el BODY para dar ese efecto. Aparte de para quitarle el SCROLL a la WEB HTML que se crea, sino tendrías dos barras de desplazamiento y esa no es la idea. En resumen esa parte puedes dejarla mas o menos así como esta.

Remplaza lo de WAPAFORO en el <title></title>por el nombre que quieres que se vea en la barra de tareas. En el meta de content dice "El foro del pueblo" remplázalo y agrega tus propios metas de buscadores.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="es" xml:lang="es" xmlns:og="http://opengraphprotocol.org/schema/"  >
<html>
<head>
<meta name="title" content="El foro del pueblo" />
<title>WAPAFORO</title>
<style type="text/css">
 body {width:100%; height:100%; overflow:hidden, margin:0}
 html {width:100%; height:100%; overflow:hidden}
 iframe {
margin-top: 10px;
margin-left: -5px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 4px 4px 14px #000;
-webkit-box-shadow: 4px 4px 14px #000;
box-shadow: 4px 4px 14px #000;
}
.urlwidth{ width:80%;
  border:2;
  border-radius: 8px;
  box-shadow: 4px 4px 14px #000;

  }
 .classradio {
  margin-bottom: 22px;
  }
</style>
<script type="text/javascript">
setInterval(function jaja(){
document.cabecera.framelocation.value = document.getElementById('navegando').contentDocument.location;
},1000);
  </script>
</head>





Recuerda el BODY va justo debajo del HEAD. En el body, remplaza el bgcolor, por un color hexadecimal en mi caso esta el color arananja cuyo código es "ff8b33" busca uno que haga juego con el color de tu foro.

Para que pongas tu foro en el IFRAME del BODY sustituye http://wapa.latinforo.com/forum.htm por el de tu foro. Asegurate que siempre tenga el /forum.htm

Y pues abajo va el reproductor aunque lo puedes pegar arriba. En ese caso suena una emisora española creo que deje la que alguien quería poner en su foro de ejemplo. Pero puedes poner cualquier otro reproductor, si tienes la WEB de la radio y no sabes como sacarlo puedes dejar la pagina por hay y se te ayuda. Aparte por aca tenemos tutorial de como crear una radio, que usa ese mismo reproductor del ejemplo.

Otra cosa si usas un reproductor mas grande, ajustas el margen el CSS. Si la emisora que usas se escucha en Media Player puedes usar ese mismo reproductor y cambiarle los colores para que se ajuste a tu foro.

Código:

<body bgcolor="ff8b33" onload="jaja();">
<form name="cabecera">
<center>
  <b>Navegas en:</b> <input type="text" name="framelocation" id="txframe" class="urlwidth">
</center>
</form>
<iframe id="navegando" name="navegando" src="http://wapa.latinforo.com/forum.htm" width="99%" height="90%" frameborder="0" onchange("status()"></iframe>
  <br/>
<div id="radio">
<center>
  <object style="width: 250px; height: 21px;" classid="classradio" id="single1">
<param id="movie" value="http://cdn.inkanihost.com/media/st/player.swf" />
<param id="allowfullscreen" value="false" />
<param id="allowscriptaccess" value="always" />
<param id="wmode" value="transparent" />
<param id="flashvars" value="file=http://streaming8.elitecomunicacion.es:8220/;stream.nsv&type=mp3&showdigits=true&image=&autostart=true" />
<embed style="width: 250px; height: 21px;" type="application/x-shockwave-flash" id="single2" name="single2" src="http://cdn.inkanihost.com/media/st/player.swf" bgcolor="undefined" allowscriptaccess="always" allowfullscreen="false" wmode="transparent" flashvars="file=http://streaming8.elitecomunicacion.es:8220/;stream.nsv&type=mp3&showdigits=false&image=&autostart=true&backcolor=ff8b33&frontcolor=000000&lightcolor=ffc233&controlbar=bottom&volume=50" />
</object>
  <br/>
  <a href="http://www.foroactivo.com" target="_blank">foroactivo.com</a>
  </center>
  </div>
  </body>
  </html>






El código completo del que viste que no se corta de mi foro es:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="es" xml:lang="es" xmlns:og="http://opengraphprotocol.org/schema/"  >
<html>
<head>
<meta name="title" content="El foro del pueblo" />
<title>WAPAFORO</title>
<style type="text/css">
 body {width:100%; height:100%; overflow:hidden, margin:0}
 html {width:100%; height:100%; overflow:hidden}
 iframe {
margin-top: 10px;
margin-left: -5px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 4px 4px 14px #000;
-webkit-box-shadow: 4px 4px 14px #000;
box-shadow: 4px 4px 14px #000;
}
.urlwidth{ width:80%;
  border:2;
  border-radius: 8px;
  box-shadow: 4px 4px 14px #000;

  }
 .classradio {
  margin-bottom: 22px;
  }
</style>
<script type="text/javascript">
setInterval(function jaja(){
document.cabecera.framelocation.value = document.getElementById('navegando').contentDocument.location;
},1000);
  </script>
</head>
<body bgcolor="ff8b33" onload="jaja();">
<form name="cabecera">
<center>
  <b>Navegas en:</b> <input type="text" name="framelocation" id="txframe" class="urlwidth">
</center>
</form>
<iframe id="navegando" name="navegando" src="http://wapa.latinforo.com/forum.htm" width="99%" height="90%" frameborder="0" onchange("status()"></iframe>
  <br/>
<div id="radio">
<center>
  <object style="width: 250px; height: 21px;" classid="classradio" id="single1">
<param id="movie" value="http://cdn.inkanihost.com/media/st/player.swf" />
<param id="allowfullscreen" value="false" />
<param id="allowscriptaccess" value="always" />
<param id="wmode" value="transparent" />
<param id="flashvars" value="file=http://streaming8.elitecomunicacion.es:8220/;stream.nsv&type=mp3&showdigits=true&image=&autostart=true" />
<embed style="width: 250px; height: 21px;" type="application/x-shockwave-flash" id="single2" name="single2" src="http://cdn.inkanihost.com/media/st/player.swf" bgcolor="undefined" allowscriptaccess="always" allowfullscreen="false" wmode="transparent" flashvars="file=http://streaming8.elitecomunicacion.es:8220/;stream.nsv&type=mp3&showdigits=false&image=&autostart=true&backcolor=ff8b33&frontcolor=000000&lightcolor=ffc233&controlbar=bottom&volume=50" />
</object>
  <br/>
  <a href="http://www.foroactivo.com" target="_blank">foroactivo.com</a>
  </center>
  </div>
  </body>
  </html>




Cualquier duda o pregunta déjame saber.
Admin
Admin Masculino Tauro Mensajes : 48
Fecha de inscripción : 16/05/2011
Edad : 105
Localización : Puerto Rico
Ver perfil de usuario http://www.wapaforo.com
Volver arriba Ir abajo

ayuda reproductor foro

Ver el tema anterior Ver el tema siguiente Volver arriba
Página 1 de 1.
Permisos de este foro:No puedes responder a temas en este foro.
WAPA TV Alternativo :: El Foro Del Pueblo :: Rincón Técnico-

Cambiar a: