• webproject1618

    (@webproject1618)


    Hola, se puede poner en una web una playlist de canciones que se reproduzcan de forma automática y sin cortes?

    Estuve poniendo esto :

    <iframe style="display: none;" src="url cancion 1"></iframe>
    
    <audio id="myaudio" autoplay="autoplay" loop="loop" controls="controls">
    <source src="url cancion 2" type="audio/mp3" />
    </audio>
    
    <script>
      var audio = document.getElementById("myaudio");
      audio.volume = 0.5;
    </script>

    El problema con ese código es que si me voy a otra página, la canción se corta y empieza de nuevo.

    Otra cosa que sería aun más cómoda, sería poner una playlist de youtube que se reproduzca de fondo y sin cortes al navegar por la web, pero no sé si esto es posible hacerlo. Sería mejor por que no se gastaría espacio en poner las canciones.

    Gracias por vuestra ayuda.

Viendo 15 respuestas - de la 1 a la 15 (de un total de 15)
  • Hola, ¿cómo vas? ¿Pudiste solucionar el problema?

    Tengo el mismo problema y quiero saber si lo solucionaste, para ver si me puedes ayudar. Estoy creando un sitio de streaming y quiero que la música no se corte o reinicie cuando se cambia de una página a la otra de mi sitio.

    Gracias por tu ayuda.

    Iniciador del debate webproject1618

    (@webproject1618)

    Que va, yo es que no sé mucho de progamación web… nada más que había aprendido pascal y c++ hace muchos años.

    El plugin MP3 Sticky Player de FWDesign creo que te lo hace pero vale 69 euros…. y yo busco soluciones gratuitas.

    Ahora estoy viendo un conjunto de ténicas que se llaman AJAX, que aun no sé muy bien que son, pero creo que permiten mostrar contenido sin tener que cargar la página otra vez.

    Llegué hasta este enlace, descargué el plugin que dicen ahí, pero no sé como usarlo.

    A ver si lo conseguimos…

    Iniciador del debate webproject1618

    (@webproject1618)

    Encontré este reproductor, te permite poner música a través de las páginas y sin cortes… el problema que tengo, es que no sé me visualiza en la versión móvil…tengo que darle a versión de escritorio para que se vea en los dispositivos móviles…. si alguien consigue que se visualice en los móviles que diga el truco… Gracias.

    Hola, muchas gracias. Voy a ver y lo pruebo. Cualquier cosa te cuento. Ojalá pueda solucionar eso, porque hasta ahora no he encontrado la solución.

    Iniciador del debate webproject1618

    (@webproject1618)

    Yo tampoco….. sigo sin poder conseguir que se vea en los móviles……

    Bueno, te cuento que utilicé el scm player y como dices, si funciona como quiero que no se corta cuando cambio de página en el sitio, pero lo que tú dices, no se ve ni reproduce en los dispositivos móviles.

    Y compré el plugins que dijiste que lo hacía MP3 Sticky Player de FWDesign, es muy bonito y todo, tiene visualizador chévere, pero cuando cambio de pagina se corta y vuelve a reproducir desde donde estaba, no es continuo como el scm player, es decir que tiene una pausa de 1 o 2 segundo para volver a sonar si cambio de página, pero sigue reproduciendo. Lo he dejado así por ahora, pero sigo investigando para dar con el chiste, ya que no me sirve así. Ah y te recomiendo no comprar el plugin porque no hace lo que queremos y son 69 euros.

    Si ya encontraste algo que funcione o hay otras personas que nos puedan ayudar, les agradecería mucho. Quedo atento. Muchas gracias.

    Dicen que es foro de ayuda y no veo a nadie más aportando o tratando de ayudar. Por favor si alguien más sabe y puede ayudar es bien recibido. Gracias.

    Buenas, cómo vas amigo.

    Oiga, ya pude solucionar lo del audio o streaming sin corte al navegar entre página de mi sitio web.

    Si todavía le interesa o lo necesita, me escribe y le ayudo. Es algo simple, pero de tiempo para cuadrar.

    mire mi sitio y me cuenta: https://vallenatos8a.com

    Lo hice con el scmplayer y me tocó modificar el acript.js y crear un subdominio donde lo monté y hago enlace en mi sitio.

    • Esta respuesta fue modificada hace 10 meses, 2 semanas por Gustavo Ochoa.
    Iniciador del debate webproject1618

    (@webproject1618)

    Te quedó genial! Como hiciste para que se te visualice en el móvil?? claro que me interesa… de todos los reproductores que probé ( que no fueron pocos) es el único que me permite reproducir audio de youtube de forma continua…. si puedes dime cómo hiciste!!! Y vi también que le modificaste el ancho del reproductor puede ser??? yo eso lo estuve intentando, pero se me desconfiguraba toda la apariencia del reproductor…..

    Yo al final lo conseguí por AJAX como te había dicho, me costó un montón dar con el plugin adecudado y que luego me funcionase todo lo que tenía en la página,como los popups etc…..

    Siento lo del plugin de pago, supongo que te devolverán el dinero si no cumplen lo que dicen no??…. yo también había probado una demo de uno de pago que decían que reproducía sin cortes al navegar y le pasaba lo mismo que tu me dices, 1-2 sg de corte al cambiar de página…

    Enhorabuena por la página que te quedó muy guapa y espero tus explicaciones sobre el tema… muchas gracias Gustavo.

    Hola, ¿cómo estás?

    No, gracias a ti que me encaminaste por el lado que era y me ayudaste mucho con tus aportes.

    Te cuento:

    1. Me cree un subdominio en mi sitio y bajé el proyecto de github donde está alojado por su autor Adrian C Shum, créditos miles a él. GitHub – cshum/scm-music-player: Seamless music for your website. HTML5 music player with continuous playback cross pages.
    2. Los instalé como dice él en mi subdominio (pv8a que le puse de player, ustedes pueden colocar cualquier nombre a su subdominio como «player». etc), la instalación se hace abriendo el index.html en el navegador o browser (Nota: se hace así para que quede enclavado a tu dominio y puedas modificar loa archivos correspondiente: script.js, index.html, player.html, skin.css, scm.html y el scm.css)
    3. Una vez instalado el proyecto en tu subdominio, comienzas a modificar los archivos para adaptarlo a tus necesidades.
    4. Para reproducir en móviles (celulares, tablets, etc) sólo tienes que modificar el archivo script.js en la línea 156, 189 y 191, pero para que se reproduzca en móviles, sólo comentar las líneas 189 y 191. Te adjunto captura: https://drive.google.com/file/d/1HSef-cT-WFfU_2z0U47B86bRL5dOfpH4/view?usp=sharing
    5. Con esos pequeños cambios ya te funciona en móviles y los demás archivos a modificar es para la parte visual o skin del reproductor de música (skin, tamaño, el nombre del reproductor y del sitio web de uno, etc).
    6. index.html modificar línea 5, /js/view/player.html modificar línea 36, scm.html modificar líneas 23, 27, 54 y 57, /css/scm.css modificar líneas 8, 25 a la 50 y el /skin/black/skin.css (porque yo tengo o elegí el skin negro , black, ustedes modifican el que quieran poner según su color, etc) deben modificar todos los valores de height a su gusto, yo los puse al doble de las que tenían los valores por defecto.
    7. Modificar las imágenes de los skin según sus gustos, alto, acho, color o colocar sus imágenes personalizadas y listo.
    8. Espero te ayude y a los demás que tengan este problema y quieran solucionarlo.
    9. Gracias a todos y que lo aprovechen.
    Iniciador del debate webproject1618

    (@webproject1618)

    Guau! muchas gracias por las instrucciones… voy a probarlo ahora mismo y te digo si fuí capaz…

    Jajajaja No, gracias a ti y claro que eres capaz y lo vas a hacer. Me cuentas.

    Cualquier cosa mi correo es gustavoochoat@gmail.com y me puedes contactar para cualquier duda o inquietud. Es breve y rápido lo de los móviles, lo que lleva tiempo y paciencia es la personalización del player y sus skins, pero no es nada de otro mundo. Suerte.

    Iniciador del debate webproject1618

    (@webproject1618)

    Comentando esa dos líneas como bien dices se puede ver en el móvil,pero solo si lo instalo en el dominio principal. Si uso un subdominio como tú hiciste, solo se me ve en el pc, en el móvil no, aunque comente las dos líneas. También me encontré otros problemas,que igual tu no tienes porque no usas enlaces de youtube. Con enlaces de youtube en el móvil, no suenan las canciones (una pena). En el móvil tampoco me funciona el regulador de volumen….. que por cierto en tu página tienes un pequeño error ahí. Si te fijas el regulador se te va mucho a la izquierda….tienes que limitarle el desplazamiento de algún modo que encuentres.

    Yo de momento prefiero seguir usando ajax que me va perfecto….pero gracias por tu mini-tutorial jajaja para enlaces normales va perfecto…

    Te dejo también mi correo (webproject1618@mail.com) por si necesitas que te ayude con algo de AJAX por si quieres cambiar de reproductor o poner varios….

    Vale, gracias por el detalle, ya reviso y lo corrijo. No me había dado cuenta.

    Y tiene que funcionarte, yo lo tengo en el subdominio, lo que pasa es que tienes que editar los archivos que te dije y las direcciones del dominio en ellos mismos para que te funciones bien. Hazlo y me cuentas.

    Y sí me interesa saber cómo lo hiciste con ajax y aprender más porque lo puedo necesitar. ¿En dónde puedo ver lo implementado por ti?

    Y mil gracias por pescar ese error, ya lo solucionaré. Jejejeje.

    Y gracias por el correo, seguro te estaré molestando al respecto. Mil gracias.

    Iniciador del debate webproject1618

    (@webproject1618)

    Ok te mando un correo

Viendo 15 respuestas - de la 1 a la 15 (de un total de 15)
  • El debate ‘Música de fondo sin cortes en web’ está cerrado a nuevas respuestas.