Abbiamo ricevuto un'interessante domanda la scorsa settimana qui a TechJunkie Towers. Considerava qualcosa che non avevo mai considerato prima e che volevo sapere come incorporare l'audio MP3 in una pagina Web con Google Drive. Come qualcuno che gestisce un numero di siti Web per organizzazioni, la domanda mi è stata consegnata per rispondere.
Solitamente ospiteresti qualsiasi file multimediale insieme al sito Web se desideri pubblicarlo su una pagina. Mantiene le cose in ordine e riduce il numero di query esterne che la tua pagina web deve fare durante il caricamento. Tuttavia, questo non è l'unico modo per fare le cose e se, per qualche motivo, non puoi ospitare l'audio insieme al tuo sito Web, puoi utilizzare Google Drive o altri servizi cloud per ospitarli e collegarti alla tua pagina web.
Mentre questo tutorial affronta l'incorporamento in una pagina Web, lo stesso principio si applica alla maggior parte delle pagine online. Ciò può includere social network, blog, wiki, landing page o altro.
Incorpora l'audio in una pagina Web con Google Drive
Per incorporare l'audio in una pagina Web, normalmente si carica il file MP3 sull'host Web e lo si inserisce nella pagina. Ciò consente alla pagina di interrogare l'host e riprodurre la musica rapidamente e senza ulteriori query esterne. Questo non è sempre possibile. Se non hai la capacità di archiviazione dello spazio sul tuo host web o l'host non è molto veloce o adatto allo streaming, devi cercare altrove.
È qui che entra in gioco Google Drive o altri servizi cloud. Puoi caricare l'MP3 nel cloud storage e collegarti ad esso dalla tua pagina web. Quindi, ogni volta che qualcuno riproduce la traccia, esegue lo streaming se dal tuo Drive anziché localmente sul tuo host web. Dato quanto sono grandi e potenti i server cloud di Google, puoi anche usarlo a tuo vantaggio!
Ecco come configurarlo:
- Accedi a Google Drive come di consueto.
- Crea una cartella e carica il file MP3 al suo interno.
- Imposta l'autorizzazione per il file MP3 su "On - Public sul Web, chiunque su Internet può trovare e visualizzare".
- Salva il permesso.
- Cattura il link di condivisione nella pagina Condividi. Inizierà "https://drive.google./com/…"
Questo è tutto per l'installazione. Il tuo file MP3 è ora nel cloud e accessibile a chiunque abbia il link di condivisione. Ora dobbiamo mettere quel link online sulla tua pagina web per consentire ad altri di accedervi.
Incorporamento del collegamento nella tua pagina
Il modo esatto in cui si incorpora il collegamento di condivisione dipende da ciò che si utilizza per il proprio sito Web. Puoi usare un metodo diverso per WordPress o Joomla come faresti per HTML o altri framework.
Per incorporare il tuo MP3 in una pagina WordPress:
- Apri la tua pagina in WordPress e crea uno spazio per il file audio.
- Seleziona il pulsante Aggiungi media nella parte superiore dell'editor di pagine.
- Seleziona Inserisci URL e incolla l'URL di Google Drive dall'alto.
- Dagli un nome e un titolo, quindi Inserisci media.
- Salva la pagina una volta fatto.
Se visualizzi l'anteprima della pagina, ora dovresti vedere il collegamento e la sua descrizione aggiunti nel punto in cui l'hai inserito nella pagina. Riproduci i media e lo streaming sarà invisibile dal tuo Google Drive attraverso la pagina. È un modo molto ordinato di aggiungere contenuti multimediali a una pagina senza utilizzare l'archiviazione sul tuo host web.
Se non usi WordPress e devi incorporare il codice in un iFrame, anche questo è molto semplice. Poiché gli iFrame sono uno standard Web, la maggior parte dei framework e delle piattaforme di pubblicazione dovrebbe supportarli. Quindi tutto ciò che devi fare è creare l'iFrame e posizionarlo sulla tua pagina.
Per incorporare il tuo file MP3 usando altri framework:
- Incolla l'URL di condivisione di Google Drive in un editor di testo.
- Cambia "/ view" alla fine dell'URL per "/ preview" e copia l'intero URL.
- Incollalo nel seguente codice al posto dell'URL di esempio dopo 'src ='.
- Apri la tua pagina web in un editor HTML o usa l'editor della tua piattaforma.
- Inserisci l'intero codice incluso il nella tua pagina dove vuoi che appaia.
- Salvare il file e testarlo.
Il codice:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Il lettore dovrebbe apparire sulla tua pagina e riprodurre il file MP3 quando selezionato. Assicurati di controllare tu stesso il link una volta caricato per assicurarti che funzioni. Quindi pubblica la pagina modificata e divertiti!
Ecco come incorporare l'audio MP3 in una pagina Web con Google Drive. Conosci altri modi per farlo? Parlaci di seguito se lo fai!
