Intégrer une piste audio avec un visuel de lecteur dans un mail en html

Support MLA
#1

Hello,

Je vais chercher par moi-même (je n’ai encore entamé aucune recherche) mais je lance une bouteille à la mer ici au cas où quelqu’un ait déjà une solution et que le problème soit réglé en un rien de temps !

Je voudrais trouver un moyen d’intégrer un fichier audio à une newsletter directement écoutable en cliquant sur un bouton “play” dans cette même newsletter, avec un visuel correspondant comme par exemple :
image

Ce serait un peu comme un iframe pour une vidéo : ce serait possible de lancer le fichier en question directement depuis le mail qu’on est en train de lire.
(Au passage : un iframe passe-t-il dans une newsletter en html ? :thinking: )

Merci d’avance pour toute piste que vous auriez à ce sujet !

1 Like
Intégration CSS/HTML de l'infolettre
#2

Ca dépend du lecteur de courriel. Je pense que ça passe avec tout ceux qui se contentent d’afficher eux même le contenu du courriel dans une iframe. Mais que ça ne passe pas sur les webmail qui re-écrivent le HTML contenu dans le mail (roundcube fait ça par exemple, meme si c’est peu intrusif et d’autres webmails font une ré-écriture complète).

#3

un petit tour sur wikipedia montre des fichiers ogg:
https://upload.wikimedia.org/wikipedia/commons/5/5c/Antonin_Dvorak_-_symphony_no.9_in_e_minor%27from_the_new_world%27%2C_op.95-_i.adagio-_allegro_molto.ogg
qui lancés dans un navigateur, se joue automatiquement

par contre un email se lit avec diverses applications:

  • “lourdes” c’est à dire installé sur le système comme thunderbird
  • par webmail dans un navigateur (comme gmail)

un petit test sur gmail montre par exemple que le lien wikipedia sur un fichier ogg montre un lien vers ce fichier, et un clic lance la lecture sur un autre onglet.

en espèrant t’avoir aidé !

2 Likes
#4

Merci pour la piste !!
A creuser :slightly_smiling_face:

Par contre, il ne se passe rien chez moi quand je rentre cet URL dans mon navigateur : https://upload.wikimedia.org/wikipedia/commons/5/5c/Antonin_Dvorak_-_symphony_no.9_in_e_minor%27from_the_new_world%27%2C_op.95-_i.adagio-_allegro_molto.ogg

#5

il faut bien prendre tout le texte de https à ogg
le lien n’est pas pris en entier dans ce blog

#6

Pour éviter les soucis de formattage le mieux est d’inclure le lien en markdown:

le lien en markdown

c’est à dire

> [le lien en markdown](https://upload.wikimedia.org/wikipedia/commons/5/5c/Antonin_Dvorak_-_symphony_no._9_in_e_minor_%27from_the_new_world%27%2C_op._95_-_i._adagio_-_allegro_molto.ogg)