• Página 1 de 3
  • 1
  • 2
  • 3
  • »
Moderador del foro: ZorG  
Foro uCoz » Servicios Adicionales » Cuestiones generales » Música en el sitio: como background, en una ventana nueva
Música en el sitio: como background, en una ventana nueva
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 1 | 6:34 PM
Música como background

Code
<bgsound src="URL" loop=5 volume=0 balance=0>

Donde:
URL – nombre del archivo
Loop – número de repeticiones, si loop="infinite" – hasta lo infinito
Formato – .wav .mid

Tag EMBED

Se utiliza durante la introducción de multimedia y otros archivos en las páginas.

Code
<EMBED atributos> </EMBED>

  • height configura tamaño vertical del objeto introducido:

  • width configua tamaño horizontal del objeto introducido;

  • autostart posibilita la reproducción durante la carga, tiene los significados true o false;

  • loop configura el número de repiticiones, tiene los significados true o false;

  • hidden permite ocultar el módulo conectado, tiene los significados true o false;

  • src indica a URL del archivo multimedia;

  • pluginspage indica a URL del complemento (o plug-in en inglés) para la reproducción del archivo multimedia;

  • bgcolor configura el fondo del objeto;

  • type indica el tipo del archivo multimedia;

  • quality indica a la calidad del archivo multimedia;

  • alt configura un contenido alternativo.

    Code
    <EMBED src="file.swf" menu="true" quality="high" bgcolor="#000066" width="760" height="410" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave"></EMBED>

    Como se ve del ejemplo, se puede introducir también los archives Flash, así como video y audio.

    Hablando en general, se puede escribir con un número mínimo de atributos

    Code
    <embed src="video.avi" width="760" height="410">

    Música en una ventana emergente (nueva)

    Tampoco hay nada de particular, utilizamos aquí JavaScript

    En la página habrá un botón "Música" entre los tags <head> añadimos el siguiente código

    Code
    <script>
    function openWindow()
    {
    muzWindow = open("http://ucoz.ru/myzon.html", "newWindow", "width=300,height=300, status=no, toolbar=no, menubar=no");
    }
    </script>

  • width=300 height=300 – ancho / alto
  • http://ucoz.com/music.html - enlace a la página donde estará tu música

    En adelente en cualquier lugar de la página pones ora un enlace

    Code

    <a href="#" onClick="openWindow()">Apretar para activar música</a>

    ora un botón

    Code
    <button onClick="openWindow()">Apretar para activar música</button>

    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
  • GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 2 | 2:56 PM
    “MÚSICA COMO BACKGROUND: INSTRUCCIÓN BREVE EN IMÁGENES”

    Después>

    Y al fin:


    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    joseromero
    Mensajes: 18
    Reputación: 0
    Mensaje Nº 3 | 2:07 PM
    como hago para que con el script
    Quote
    <script src="http://metaleterno.ucoz.com/media/?auto=0;small=0;color=0055e9;loop=0;textoff=0;t=audio;f=http%3A%2F%2Fmetaleterno.ucoz.com%2FMP3%2F09-CrypticPassages.mp3" type="text/javascript"></script>

    tenga autoplay? que inicie automaticamente?

    gracias desde ya

    GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 4 | 3:02 PM
    Quote
    <script src="http://metaleterno.ucoz.com/media/?auto=1;small=0;color=0055e9;loop=0;textoff=0;t=audio;f=http%3A%2F%2Fmetaleterno.ucoz.com%2FMP3%2F09-CrypticPassages.mp3" type="text/javascript"></script>

    Sustituimos el "0" por "1". Para más información mirá abajo

    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 5 | 5:02 PM
    PONEMOS EL REPRODUCTOR MP3

    Puedes poner un reproductor mp3 en cualquiera de tus páginas. Sirve para dejar escuchar música a tus visitantes. También puede servir del fondo para tu web (pero NO abuses de eso, pues los mp3 tienen un peso considerables y algunos de tus usuarios pueden carecer del acceso de banda ancho. Simplemente no podrán cargar tu sitio si la música empieza automáticamente).
    Se utiliza de manera siguiente:
    Activación mediante el código BB:

    Code
    [audio] [/audio]

    o sea, al introducir
    Code
    [audio]http://forum.ucoz.com/i_love_ucoz.mp3[/audio]

    obtenemos

    Así mismo se puede poner un player con ayuda del código JavaScript.
    Para recibir este código utiliza “Multimedia” - > “Conectar audio (mp3)”.
    O “Multimedia” - > “Cargar audio (.mp3)” [después de subirlo al frente del archivo requerido hay que hacer clic en el código JavaScript]
    Como resultado para el archivo de mp3 situado en http://forum.ucoz.com/i_love_ucoz.mp3
    recibimos el siguiente código:

    Code
    <script src="http://forum.ucoz.com/media/?auto=0;small=0;color=0055e9;textoff=0;t=audio;f=http%3A%2F%2Fforum.ucoz.com%2Fi_love_ucoz.mp3" type="text/javascript"></script>

    Este código también puede ponerse en cualquier parte de la web. Con esto, tiene los parámetros configurables que los iré describiendo abajo.

    Quote
    auto=0;small=0;color=0055e9;loop=0;textoff=0

    Los valores marcodos con fuentes gruesas pueden sustituirse de “0” por “1”. O sea, hacemos la activación. “color” significa lo que significa: color del código.
    Es decir, si en el código auto=0 sustituimos por auto=1 – la canción empieza automáticamente. Pero tengan cuidado con esta opción: piensen en los que tienen Internet con la velocidad de tortuga o tráfico por pago.

    small=1 – expondrá un pequeño reproductor de 2 botones. He aquí un ejemplo:

    loop=1 – el archivo irá tocando música sin interrupción (se para cuando se hace clic en stop).

    textoff=1 – quitará el texto (la inscripción i_love_ucoz.mp3, no aparecerá). Puedes inscribir tu propio texto si quieres tener un aspecto duro.

    color=0055e9 (control del color del reproductor) – en vez de 0055e9 escribimos el código del color requerido, es decir, después de = introducimos el código del color. Los códigos puedes conocer desde la tabla o en el photoshop al hacer clic en el color.
    Ejemplo. Tomamos el código negro – 000000

    Code
    <script src="http://forum.ucoz.com/media/?auto=0;small=0;color=000000;textoff=0;t=audio;f=http%3A%2F%2Fforum.ucoz.com%2Fi_love_ucoz.mp3" type="text/javascript"></script>

    recibimos:

    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    joseromero
    Mensajes: 18
    Reputación: 0
    Mensaje Nº 6 | 8:22 PM
    Exelente bro me funciono, muchas gracias por la ayuda!!
    ViTs
    Mensajes: 31
    Reputación: 0
    Mensaje Nº 7 | 4:53 PM
    tengo el reproductor mp3 con lista de reproduccion y quiero que las canciones empiecen a sonar automaticamente, COMO SE HACE?????
    GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 8 | 12:15 PM
    Quote
    Los valores marcados con fuentes gruesas pueden sustituirse de “0” por “1”. O sea, hacemos la activación. “color” significa lo que significa: color del código.
    Es decir, si en el código auto=0 sustituimos por auto=1 – la canción empieza automáticamente. Pero tengan cuidado con esta opción: piensen en los que tienen Internet con la velocidad de tortuga o tráfico por pago.

    ViTs, pero aquí está escrito bien concreto: ponemos "1" y la música ha de sonar AUTOMÁTICAMENTE.


    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    ViTs
    Mensajes: 31
    Reputación: 0
    Mensaje Nº 9 | 2:03 AM
    NOOO...jajajaa...una cosa es el reproductor MP3...y otra diferente el MP3 con lista de reproduccionn.........!!!!!!!!!!!!el codigo para los dos no es el mismo......!!!! y en el de la lista de reproduccion no sale ese aunto,que sino ya LO HUBIERA PUESTO!!!!!
    y lo puse bien concreto aki::::.
    Quote (ViTs)
    tengo el reproductor mp3 con lista de reproduccion
    jkristha
    Mensajes: 23
    Reputación: 1
    Mensaje Nº 10 | 0:24 AM
    Guaragua eres el mejor, me ha salido a la primera lo de instalar musica en la pag web, veo que con los codigos ya les he cogido el truquito.
    Gracias .
    jennifer biggrin cool
    jadaca
    Mensajes: 2
    Reputación: 0
    Mensaje Nº 11 | 6:22 PM
    no pude ise todos los pasos al pie de la letra y no pude necesito ayudaaaa

    Añadido (2010-08-10, 6:22 PM)
    ---------------------------------------------
    QUIERO PONER MAS CANCIONES COMO LE HAGO

    Dark
    Mensajes: 18
    Reputación: 0
    Mensaje Nº 12 | 10:17 PM
    Me dio la sensacion de que en la canción:

    decía "I love you 'cuz...." happy happy

    GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 13 | 1:33 PM
    HTML5: Crear un reproductor de música sin usar Flash

    El innovador HTML5 presenta algunos nuevos tags capaces de derrocar el reino que Flash ejerce en la web desde hace ya varios años. Sin embargo, aún no se ha implementado por completo en todos los navegadores.

    Es por eso que hoy aprenderemos a colocar un reproductor de música utilizando el tag audio pero a su vez, veremos cómo usar Flash a modo de respaldo ante cualquier incompatibilidad que se nos pueda presentar.

    Para comenzar, veremos que usar el tag audio es bastante sencillo, tan sólo basta con colocar dentro del mismo el tag source que utilizaremos para definir la fuente del archivo de sonido a reproducir. Luego, deberemos cerrar el tag audio. A continuación veremos un ejemplo:

    Quote
    <audio controls>
    <source src="song.mp3" type="audio/mp3">
    </audio>

    Al cargar la página, el navegador construirá a partir de este tag, un reproductor de audio para que el archivo pueda ser reproducido (para ello siempre debe estar colocado el parámetro “controls”, como puede verse en el ejemplo). Dependiendo el navegador, el reproductor se verá distinto.

    De existir algún problema con la extensión del archivo, podemos utilizar otras extensiones alternativas. Esto lo logramos colocando múltiples tags source. El navegador intentará utilizar uno por uno los archivos listados hasta hallar alguno cuyo formato sea compatible.

    Quote
    <audio controls>
    <source src="song.mp3" type="audio/mp3" />
    <source src="song.ogg" type="audio/ogg" />
    </audio>

    Bien, ya hemos utilizado el HTML5 para insertar audio y hemos visto como utilizar varios tipos de archivo, pero... ¿Y ante una incompatibilidad total con la nueva herramienta?

    Si el navegador en el que está siendo visto tu sitio no cuenta con la compatibilidad HTML5 suficiente para interpretar el tag audio entonces en su lugar, insertaremos un reproductor funcional creado en Flash. En esta guía utilizaremos WP Audio Player, funcional en cualquier sitio y basado en el exitoso plugin de Wordpress. Luego de descargarlo, sigue las instrucciones indicadas en su página de descarga:

    Haz clic aquí para descargar WP Audio Player >>

    Y ahora, con un poco de Javascript lograremos nuestro cometido:

    Quote
    <audio id="audioplayer" controls>
    <source src="song.mp3" type="audio/mp3" />
    <source src="song.ogg" type="audio/ogg" />
    </audio>
    <script type="text/javascript">
    var audioTag = document.createElement('audio');
    if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != audioTag.canPlayType("audio/mpeg")))) {
    AudioPlayer.embed("audioplayer", {soundFile: "song.mp3"});
    }
    </script>

    Aquí puedes ver que el script comprueba que el navegador haya interpretado satisfactoriamente el tag audio (es decir, que haya podido crear el reproductor y que no presente incompatibilidad con el tipo de archivo utilizado), y en caso contrario, reemplaza el elemento de una determinada ID por el reproductor flash de WP Audio Player.

    Para que funcione correctamente, la ID asignada al tag audio debe ser la misma que a la que AudioPlayer.embed se le indica que debe reemplazar, como has podido ver en el ejemplo.

    Eso fue todo. ¡Hasta la próxima!


    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    juancsb
    Mensajes: 10
    Reputación: 0
    Mensaje Nº 14 | 4:15 AM
    GUARAGUAO, gracias x sus tutos, y me parece funcional lo d la musica pero tengo una duda:
    en mi sitio los usuarios tienen privilegios d subir canciones, y quiero implementar en la página de perfil un reproductor con las canciones propias agregadas de cada usuario, hay forma de q el sistema actualice automáticamente la lista de canciones???

    Gracias de antemano! biggrin


    Visiten:
    http://www.mipais.com.co - miPais.com.co - ¡Reencuéntrate con Colombia!
    http://www.creacion.com.co - Creación Designs - ¡Créa, explora!
    War
    Mensajes: 1
    Reputación: 0
    Mensaje Nº 15 | 11:42 PM
    Una pregunta jefe, hay soporte para el reproductor de goear en Ucoz?

    Por ejemplo, en la página http://www.goear.com/listen/3049687/musical-express-teverano a la derecha tengo el código directo para insetarlo en la web

    Code
    <object width="353" height="132"><embed src="http://www.goear.com/files/external.swf?file=3049687" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="353" height="132"></embed></object>


    Pero no lo acepta directamente, el archivo de sonido es http://www.goear.com/files/external.swf?file=3049687 pero no consigo encajarlo....
    Por otro lado, no se soportan los códigos [aflash] y [flash] [/....] no?

    Gracias por su tiempo
    Foro uCoz » Servicios Adicionales » Cuestiones generales » Música en el sitio: como background, en una ventana nueva
    • Página 1 de 3
    • 1
    • 2
    • 3
    • »
    Búscar: