Intégration multimedia¶

Objectif

• Intégrer de l'audio et une vidéo
• Intégrer un widget avec la balise <iframe>

Initialisation de l'exercice¶

• Faites une copie de votre répertoire de l'exercice 02 et renommé le ex04_multimedia.
• Dans cet exercice nous allons ajouter des éléments multimedia à la page qu'on avait fait sur un pays du monde.

Hymne national du pays¶

• Rendez-vous sur la page Wikipedia de votre pays.
• Téléchargez le fichier audio de l'hymne national.
• Dans la section Information sur le pays, ajoutez un quatrième item à la liste à puce.
• Inscrivez le texte Hymne national : Nom de l'hymne et sauter une ligne avec la balise <br>
• Ensuite, toujours dans le même item de liste, utilisez la balise <audio> pour ajouter votre fichier audio à la page

Intégration d'un iframe¶

Ici je vous offre deux choix :

Choix 1 - Intégrer une vidéo Youtube¶

• Ajoutez un nouveau details à la liste à puce numéroté entre Paysage et Sources. Le texte du summary est Nom du pays en vidéo.
• Trouvez une vidéo youtube dont le sujet est votre pays.
• Copiez le code iframe que Youtube vous propose dans le details que vous venez d'ajouter.

Choix 2 - Intégrer un album bandcamp¶

• Ajoutez un nouveau details à la liste à puce numéroté entre Paysage et Sources. Le texte du summary est Nom du pays en musique
• Sur le site Bandcamp, faites une recherche pour un artiste de votre pays : Page de recherche

• Sélectionnez ensuite un album qui vous plais et visitez sa page.
• Sous l'image de l'album, vous avez un lien Partager/Intégrer, cliquez ensuite sur Intégrer cet album.
• Choissisez le format de widget que vous préférez.
• Copiez le code iframe que Bandcamp vous propose dans le details que vous venez d'ajouter.

Intégrer une carte Open Street Map¶

• Ajoutez une section entre la fin de votre texte et votre signature.
• Le titre de la section sera Carte de nom du pays de sera de niveau 2.
• Sur Open Street Map, faites une recherche de votre pays.
• Cliquez sur l'icone de partage à gauche et choisissez HTML.
• Copiez le code et collez le dans votre page