/ / Lecteur audio HTML intégré - html, audio, lecteur multimédia

Intégrer un lecteur audio HTML - HTML, audio, lecteur multimédia

Je suis un newbe en HTML et je veux intégrer un lecteur audio qui lit un fichier mp3 à partir d'un lien de Dropbox. J'ai pris un exemple de code de ici Cependant, cela ne fonctionne pas. Il ouvre un lecteur mais ne joue pas. C'est la partie pertinente du code:

<audio controls>
<source src="https://www.dropbox.com/s/8besx3yh043u4qn/TestFile.mp3?dl=0" type="audio/mpeg">
</audio>

Réponses:

1 pour la réponse № 1

Vous pointez la mauvaise source. Ce lien pointe en fait sur un fichier html dont le nom est réécrit par le logiciel du serveur Web. (Si je suis ce lien, un fichier commençant par <!DOCTYPE html> est ouvert, cela indique que ce fichier est un site Web HTML)

Si vous faites un clic droit sur le lecteur et que vous sélectionnez pour examiner l’élément, vous trouverez le lien réel vers ce fichier sous l’élément preview-auto_container.

Ainsi, l'élément audio de votre fichier doit ressembler à:

<audio>
<source src="https://dl.dropboxusercontent.com/content_link/KRfRP3OWPuNXyfpYKUjCQOUzNIoE6o66TvxCHu6xKh5fErZ22kJHCOCvJ0TeCccu/file?dl=0&duc_id=dropbox_duc_id" type="audio/mpeg">
</audio>