Zoom sur : la section Audio ! 🎵

Hello les Overblogueurs 👋

Nous espérons que votre rentrée s'est bien passée ! 

De notre côté, nous avons décidé de vous partager une petite astuce aujourd'hui : comment intégrer des fichiers audio ou de la musique dans vos articles. 🎤🎶

Nous nous focaliserons aujourd'hui sur les principaux sites et applications de streaming musicaux, qu'ils soient gratuits ou payants. 

Envie d'en entendre plus ? C'est par ici ! 

 Deezer 

Votre administration Overblog est directement reliée à l'application Deezer. 
Rien de plus simple pour ajouter de la musique ! 

Pas besoin d'avoir un compte... vous n'avez rien à configurer. 👌

Une fois sur la page de rédaction de votre article ou de votre page, cliquez sur "Ajouter une section ici". 

Cette fenêtre s'ouvre : 

Sélectionnez le logo Audio 🎵

Puis saisissez un mot clé correspondant à votre recherche : 

Par exemple, j'ai voulu ajouter ici la chanson "Dance Monkey" de Tones and I. 
Il me suffit donc de taper "dance monkey" pour trouver ces résultats : 

Une fois que vous avez trouvé la chanson ou le son que vous cherchiez, il vous suffit de cliquer sur l'icône orange "+" pour l'ajouter à votre article. 

On vous avait prévenus... il n'y a pas plus simple ! 😉

 Spotify 

Spotify est devenue l'application de musique que tout le monde s'arrache. 

Que vous soyez abonné chez Spotify ou non, vous pouvez tout à fait partager des chansons, albums, playlists ou autres podcasts sur Overblog ! 

Pour cela, rendez-vous sur votre application Spotify ou bien sur le site puis positionnez vous sur le fichier que vous souhaitez partager > cliquez sur les trois petits points à côté du bouton "S'abonner" > Partager > Copier le code embed.

Puis rendez-vous sur votre administration Overblog, et dans un article ou une page, collez le code dans une section HTML

Voici ce qui apparaitra sur votre article ou page : 

 SoundCloud 

On ne présente plus Soundcloud, plateforme qui héberge de la musique et des fichiers audios et sur laquelle les utilisateurs peuvent collaborer et promouvoir leurs projets musicaux. 

Mais peut-être ne saviez-vous pas qu'elle vous permet également d'héberger vos propres fichiers audios et donc de pouvoir ensuite les partager où bon vous semble :  par mail, sur les réseaux sociaux et... sur votre blog, bien entendu ! 

Tout comme pour Spotify, il vous suffit de cliquer sur Partager > Intégrer 

Copiez le code iframe puis collez le dans une nouvelle section HTML et voici le résultat : 

Nous espérons que cet article vous aura été utile. 

N'hésitez pas à nous contacter en commentaires si vous avez des questions complémentaires ! 

A très bientôt d'ici là... Bon blogging à tous ! 😊

Comments

[JMFF]

Et pour mettre sa propre bande-son mise sur un cloud par exemple ? Possible ?

[Didier BLOQUET]

excellent merci !

[Djipi]

Bonjour
Effectivement intéressant mais comment faire démarrer la musique à l'ouverture de la page ou de l'article. Peut-être ajouter un auto play, mais où?

[Marion]

Bonjour,

Vos fichiers audio ou vidéo doivent être donc hébergés sur une plateforme dédiée à cet usage, comme Youtube, Dailymotion, Viméo, ou encore Spotify, Deezer......

 Exemple d'une playlist Deezer :

J'accède aux playlists Deezer, je sélectionne pour mon exemple la playlist "Top France"
En cliquant sur les 3 petits points en haut à droite de la playlist j'accède aux options de celle-ci, je choisis "Partager"

Sur la page suivante, je clique sur le bouton pour accéder aux options du player et générer le code iFrame

Ici, je défini les options d'affichage du player, ses dimension, ses couleurs, l'activation de l'autoplay...

En fonction de mes choix le code iFrame est généré en dessous et je peux copier le code iFrame généré pour le copier dans une section HTML d'un article ou bien d'un module HTML dans les paramètres de personnalisation de mon thème.

Bonne journée
Marion

[Paulette Benetton]

Bonjour :) ça marche très bien sur Deezer mais comme je ne suis pas abonnée, ça ne met en ligne qu'un court extrait du morceau... je vais essayer sur Spotify, si j'ai plus de chance.... ;)
ce n'est pas pour 3 ou 4 morceaux que j'avais mis sur mon blog il y a quelques années que je vais les ruiner....

[Pierre]

Les chansons sont limitées à 30 secondes. Dommage !

[Isabelle GUENET]

Avec Deezer c'est effectivement très rapide et facile à faire. La seule choses c'est que je n'ai qu'une petite partie de la chanson voulue. Etant moi-même abonné à Deezer, c'est un peu frustrant . Avez vous une solution ? D'avance mille mercis.

[Herzog]

mon blog étant dédié surtout à la mise en ligne de chansons, depuis la bonne dizaine d'années où je pratique, j'enregistre le fichier mp3 en passant par le menu fichier, j'obtiens un aperçu avec lequel je copie l'adresse du lien que j'intègre dans une section html avec une console virtuelle en flash






Par contre, il me faut, contrairement aux tous débuts autoriser l'activation du plug-in pour pouvoir utiliser cette console virtuelle

[Tabèche Mohamed]

Intéressant, merci !

[Farida]

Merci à vous pour cet article. Je vais pouvoir mettre du son sur mon blog !!!

[l'aavre]

Dommage la musique ne démarre pas avec l'ouverture de l'article.
Bonne journée

[Marion]

Bonjour,
Pouvez-vous nous contacter sur le support utilisateur pour cela ? Vous pouvez cliquer sur Aide > Contacter le support.
Bonne journée à vous.

[annick]

C'est simple avec Deezer. Je viens d'appliquer et ça fonctionne. MERCI à l'Equipe Overblog.

[Pinklotusinidia]

Merci pour cet article,c'est vrai que je n'y pense forcement mais je vais m'y coller et ca peut etre agreable pour les lecteurs .merciii

[eMmA MessanA]

Merci j'ai toujours inclus de la musique dans mes articles, j'en suis fan !
Euh... "on vous avait prévenus" SVP.
Belle journée.
eMmA

[Marion]

Oups ! Merci, c'est corrigé !