Home-theater-designers
Si voleu que els visitants del vostre lloc web gaudeixin d’un fitxer MP3, una de les maneres més fàcils de fer-ho és incrustar-lo a la pàgina. Amb un reproductor de MP3 incrustat, els visitants no necessiten descarregar directament l'àudio ni utilitzar programari addicional perquè es reprodueix en línia.
Detallarem diferents mètodes que podeu utilitzar per incrustar un MP3 al vostre lloc web, inclosos els HTML5 i Google Drive.
1. Inseriu un MP3 al vostre lloc web amb HTML5
Si esteu còmode editant el codi del vostre lloc web, una de les maneres més senzilles d’incorporar un fitxer MP3 és fer servir HTML5.
L'HTML5 L'etiqueta pot semblar bàsica a primera vista, però és potent, ja que és compatible amb tots els principals navegadors d'escriptori i mòbils.
Per incrustar un MP3 amb HTML5, utilitzeu aquest codi:
Your browser does not support the audio tag.Simplement substituïu URL MP3 AQUÍ amb el fitxer d'àudio penjat. No pot ser un fitxer emmagatzemat a l'ordinador; ha d'estar disponible en línia.
Windows 10 diu que no hi ha accés a Internet, però sí
Aquest codi col·locarà un petit reproductor d'àudio a la pàgina, des del qual l'usuari podrà reproduir, posar en pausa, fregar i ajustar el volum. Això és el que té a Firefox:
Aquest codi també inclou un missatge que es mostrarà en lloc del reproductor multimèdia, en el cas improbable que el navegador de l'usuari no admeti el reproductor.
Podeu aplicar atributs com ara reproducció automàtica i bucle , així:
Your browser does not support the audio tag.Tingueu en compte que la majoria de navegadors no admeten la reproducció automàtica perquè es considera una mala pràctica forçar l’àudio automàticament als usuaris.
La personalització bàsica es pot aplicar al bloc del reproductor d'àudio mitjançant CSS, com ara frontera i encoixinat . Tot i això, haureu d’utilitzar JavaScript per dissenyar correctament el reproductor de manera que sigui coherent entre els navegadors.
Podeu trobar més informació sobre els atributs i la personalització del reproductor d’àudio HTML5 a Documents Web de MDN .
com amagar els millors amics a Snapchat
Relacionat: Efectes HTML genials que tothom pot afegir als seus llocs web
2. Inseriu un MP3 al vostre lloc web amb Google Drive
Google Drive és un excel·lent proveïdor d’emmagatzematge en núvol gratuït . Podeu utilitzar-lo per carregar el fitxer MP3 i crear un reproductor d'àudio.
Amb el fitxer MP3 penjat a Google Drive:
- Clic dret el fitxer i feu clic a Obtenir l'enllaç .
- Canvieu la restricció d'accessibilitat a Qualsevol que tingui l'enllaç .
- Finalment, feu clic a Copia l'enllaç .
Això us proporcionarà un URL similar a aquest:
https://drive.google.com/file/d/123/view?usp=sharingSubstitueix veure? usp = compartir amb Vista prèvia , així:
https://drive.google.com/file/d/123/previewA continuació, utilitzeu un fitxer Podeu ajustar, afegir o eliminar els atributs (com ara frameborder i amplada ) segons sigui necessari. Això incrustarà l'MP3 al vostre lloc web mitjançant el reproductor de Google Drive. Els usuaris poden jugar, fregar i ajustar el volum, igual que amb el reproductor HTML5. Això és el que sembla: La principal diferència és la presència d’un aparèixer botó. Això obre el fitxer MP3 a Google Drive, on els usuaris poden afegir comentaris, compartir el fitxer i molt més. Si utilitzeu un sistema de gestió de contingut (CMS) per al vostre lloc web, és possible que seguiu utilitzant els mètodes anteriors. Dit això, potser no us resultarà còmode editar codi HTML. Qualsevol CMS bo us permetrà afegir àudio al vostre lloc web fàcilment a través de la seva interfície. Per exemple, a WordPress, simplement cal afegir un bloc , seleccioneu Audio , i després qualsevol Pujar MP3, seleccioneu-lo del vostre fitxer Mitjana Library , o Insereix des de l'URL . Tant si utilitzeu Google Sites, ExpressionEngine com un servei com Squarespace, el procés per afegir àudio serà lleugerament diferent, de manera que no oblideu consultar la documentació d’ajuda de l’empresa per obtenir informació completa. Mitjançant qualsevol dels mètodes anteriors, ara els visitants del lloc web podran escoltar fitxers MP3 mitjançant un reproductor multimèdia amb facilitat. Dit això, no sempre cal que feu servir fitxers MP3. Hi ha molts altres formats d'àudio comuns, com WAV i FLAC, que podeu reproduir igualment en línia al vostre lloc web. Coneixeu el format MP3, però i AAC, FLAC, OGG o WMA? Per què existeixen tants formats de fitxers d'àudio i hi ha el millor format d'àudio? Joe va néixer amb un teclat a les mans i de seguida va començar a escriure sobre tecnologia. Té una llicenciatura en negocis i ara és un escriptor independent a temps complet que gaudeix fent que la tecnologia sigui senzilla per a tothom. Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.3. Inseriu un MP3 al vostre lloc web amb un CMS
millor lloc per vendre targetes de regal
Deixeu que els vostres visitants escoltin MP3 amb facilitat
Sobre l'autor Joe Keeley(652 articles publicats) Subscriu-te al nostre butlletí