Nous avons reçu une question intéressante la semaine dernière ici à TechJunkie Towers. Cela concernait quelque chose que je n'avais jamais envisagé auparavant et je voulais savoir comment incorporer de l'audio MP3 dans une page Web avec Google Drive. En tant que gestionnaire de plusieurs sites Web pour des organisations, la question m’a été posée.
Si vous souhaitez l’afficher sur une page, vous hébergez généralement n’importe quel média à côté du site Web. Il garde les choses en ordre et réduit le nombre de requêtes externes que votre page Web doit faire lors du chargement. Cependant, ce n'est pas la seule façon de faire les choses et si, pour une raison quelconque, vous ne pouvez pas héberger votre fichier audio parallèlement à votre site Web, vous pouvez utiliser Google Drive ou un autre service cloud pour l'héberger et vous connecter à votre page Web.
Bien que ce tutoriel aborde l’intégration dans une page Web, le même principe s’applique à la plupart des pages en ligne. Cela peut inclure les réseaux sociaux, les blogs, les wikis, les pages de destination ou autre chose.
Incorporer l'audio sur une page Web avec Google Drive
Pour incorporer de l'audio sur une page Web, nous devrions normalement télécharger le fichier MP3 sur l'hôte Web et le placer en ligne sur la page. Cela permet à la page d'interroger l'hôte et de lire la musique rapidement et sans autres requêtes externes. Ce n'est pas toujours possible. Si vous ne disposez pas de la capacité de stockage de l'espace sur votre hôte Web ou si l'hôte n'est pas très rapide ni adapté à la diffusion en continu, vous devez chercher ailleurs.
C’est là que Google Drive ou un autre service cloud entre en jeu. Vous pouvez télécharger le fichier MP3 vers le stockage en nuage et le lier à partir de votre page Web. Ensuite, chaque fois que quelqu'un lit la piste qu'il diffuse, il le sort de votre lecteur plutôt que localement sur votre hôte Web. Compte tenu de la taille et de la puissance des serveurs Google Cloud, vous pouvez également en tirer parti!
Voici comment le configurer:
- Connectez-vous à votre Google Drive normalement.
- Créez un dossier et téléchargez le fichier MP3 dans celui-ci.
- Définissez l'autorisation pour le fichier MP3 sur 'Activé - Public sur le Web, toute personne sur Internet peut rechercher et afficher'.
- Enregistrez la permission.
- Capturez le lien de partage sur la page de partage. Il commencera par "https://drive.google./com/…"
C'est tout pour la mise en place. Votre fichier MP3 est maintenant dans le nuage et accessible à quiconque disposant du lien de partage. Nous devons maintenant placer ce lien en ligne sur votre page Web pour que d’autres personnes puissent y accéder.
Intégrer le lien sur votre page
La manière dont vous intégrez le lien de partage dépend de ce que vous utilisez pour votre site Web. Vous pouvez utiliser une méthode différente pour WordPress ou Joomla, comme vous le feriez pour HTML ou d'autres frameworks.
Pour intégrer votre MP3 sur une page WordPress:
- Ouvrez votre page dans WordPress et faites un espace pour le fichier audio.
- Sélectionnez le bouton Ajouter un média en haut de l'éditeur de page.
- Sélectionnez Entrer l'URL et collez l'URL de Google Drive ci-dessus.
- Donnez-lui un nom et un titre, puis Insérer un média.
- Enregistrez la page une fois terminé.
Si vous affichez un aperçu de la page, vous devriez maintenant voir le lien et sa description ajoutés à l'endroit où vous l'avez placé sur la page. Lisez le contenu multimédia pour le diffuser de manière invisible depuis votre Google Drive sur la page. C'est un moyen très simple d'ajouter du contenu multimédia enrichi à une page sans utiliser de stockage sur votre hôte Web.
Si vous n'utilisez pas WordPress et avez besoin d'intégrer le code dans un iFrame, c'est très simple également. Comme les iFrames sont un standard Web, la plupart des frameworks et des plates-formes de publication devraient les prendre en charge. Il vous suffit donc de créer l'iFrame et de le placer sur votre page.
Pour intégrer votre fichier MP3 à l'aide d'autres cadres:
- Collez l'URL de partage Google Drive dans un éditeur de texte.
- Changez '/ view' à la fin de l'URL pour '/ preview' et copiez l'URL entière.
- Collez-le dans le code ci-dessous à la place de l'exemple d'URL après 'src ='.
- Ouvrez votre page Web dans un éditeur HTML ou utilisez l'éditeur de votre plate-forme.
- Placez le code complet, y compris le dans la page où vous souhaitez qu'il apparaisse.
- Enregistrez le fichier et testez-le.
Le code:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Le lecteur devrait apparaître sur votre page et lire le fichier MP3 lorsqu'il est sélectionné. Assurez-vous de vérifier le lien vous-même une fois téléchargé pour vous assurer qu'il fonctionne. Puis publiez la page modifiée et profitez-en!
Voilà comment intégrer du son MP3 dans une page Web avec Google Drive. Connaissez-vous d'autres façons de le faire? Parlez-nous ci-dessous si vous le faites!
