Introduction au multimédia HTML
Multimédia HTML
Le multimédia sur le Web fait référence aux effets sonores, à la musique, à la vidéo et à l'animation.
Les navigateurs Web modernes prennent déjà en charge de nombreux formats multimédias.
Qu'est-ce que le multimédia ?
Le multimédia se présente sous de nombreux formats différents. Il peut s'agir de tout ce que vous entendez ou voyez, du texte, des images, de la musique, des effets sonores, des enregistrements, des films, des animations, etc.
Sur Internet, vous trouverez souvent des éléments multimédias intégrés dans des pages Web, et les navigateurs modernes prennent déjà en charge une variété de formats multimédias.
Dans ce tutoriel, vous découvrirez différents formats multimédia et comment les utiliser dans vos pages Web.
Prise en charge du navigateur
Les premiers navigateurs Internet ne prenaient en charge que le texte, et même cette prise en charge était limitée à une seule police et une seule couleur. Viennent ensuite les navigateurs prenant en charge les couleurs, les polices et les styles de texte, et la prise en charge des images a été ajoutée.
Différents navigateurs gèrent la prise en charge des effets sonores, des animations et des vidéos de différentes manières. Certains éléments peuvent être traités en ligne, tandis que d'autres nécessitent des plugins supplémentaires.
Vous en apprendrez plus sur les plugins dans les chapitres suivants.
Formats multimédias
Les éléments multimédias (tels que la vidéo et l'audio) sont stockés dans des fichiers multimédias.
La manière la plus courante de déterminer le type de média consiste à examiner l'extension du fichier. Lorsqu'un navigateur obtient une extension de fichier .htm ou .html, il suppose que le fichier est une page HTML. L'extension .xml indique un fichier XML, tandis que l'extension .css indique une feuille de style. Le format de l'image est identifié par .gif ou .jpg.
Les éléments multimédias ont également des formats de fichiers avec différentes extensions, telles que .swf, .wmv, .mp3 et .mp4.
Format vidéo
![]() |
YouTube recommande MP4. Flash Players prend en charge MP4 HTML5 prend en charge MP4. |
Format | Fichier | Description |
AVI | .avi | Le format AVI (Audio Video Interleave) a été développé par Microsoft. Tous les ordinateurs exécutant Windows prennent en charge le format AVI. Il s'agit d'un format très courant sur Internet, mais les ordinateurs non Windows ne sont pas toujours capables de le lire. |
WMV |
.wmv | Le format Windows Media a été développé par Microsoft. Windows Media est courant sur Internet, mais les films Windows Media ne peuvent pas être lus sans installer des composants supplémentaires (gratuits). Certains films Windows Media ultérieurs ne seront pas lus sur tous les ordinateurs non Windows car il n'existe pas de lecteur approprié. |
MPEG | .mpg .mpeg | MPEG (déplacement Le format Pictures Expert Group) est le format le plus populaire sur Internet. Il est multiplateforme et pris en charge par tous les navigateurs les plus populaires. |
QuickTime | .mov | QuickTime 格式是由蘋(píng)果公司開(kāi)發(fā)的。QuickTime 是因特網(wǎng)上常見(jiàn)的格式,但是 QuickTime 電影不能在沒(méi)有安裝額外的(免費(fèi))組件的 Windows 計(jì)算機(jī)上播放。 |
RealVideo | .rm .ram | RealVideo 格式是由 Real Media 針對(duì)因特網(wǎng)開(kāi)發(fā)的。該格式允許低帶寬條件下(在線視頻、網(wǎng)絡(luò)電視)的視頻流。由于是低帶寬優(yōu)先的,質(zhì)量常會(huì)降低。 |
Flash | .swf .flv | Flash (Shockwave) 格式是由 Macromedia 開(kāi)發(fā)的。Shockwave 格式需要額外的組件來(lái)播放。但是該組件會(huì)預(yù)裝到 Firefox 或 IE 之類的瀏覽器上。 |
Mpeg-4 | .mp4 | Mpeg-4 (with H.264 video compression) 是一種針對(duì)因特網(wǎng)的新格式。事實(shí)上,YouTube 推薦使用 MP4。YouTube 接收多種格式,然后全部轉(zhuǎn)換為 .flv 或 .mp4 以供分發(fā)。越來(lái)越多的視頻發(fā)布者轉(zhuǎn)到 MP4,將其作為 Flash 播放器和 HTML5 的因特網(wǎng)共享格式。 |
La dernière norme HTML5 ne prend en charge que les formats vidéo MP4, WebM et Ogg.
Format sonore
MP3 est une technologie de compression audio, son nom complet est Motion Image Expert Compression Standard Audio Layer 3 (Moving Picture Experts Group Audio Layer III), appelé MP3. Il est con?u pour réduire considérablement la quantité de données audio. Si votre site est de type musique, vous pouvez choisir le format mp3.
Format | Fichier | Description |
MIDI | .mid .midi | MIDI (Musical Instrument Digital Interface) est un appareil pour les équipements de musique électronique (tels que lecteur de synthèse et carte son). Les fichiers MIDI ne contiennent pas de son, mais contiennent des instructions musicales numériques pouvant être lues par des produits électroniques, tels que des cartes son. Comme le format MIDI ne contient que des instructions, les fichiers MIDI sont extrêmement petits. L'exemple ci-dessus ne fait que 23 Ko mais dure près de 5 minutes. Le MIDI est pris en charge par une large gamme de logiciels sur une large gamme de plates-formes. Les navigateurs Web les plus populaires prennent en charge le MIDI. RealAudio |
| .ram | Le format RealAudio a été développé par Real Media pour Internet. Le format prend également en charge la vidéo. Ce format permet le streaming audio (musique en ligne, musique en réseau) dans des conditions de faible bande passante. La priorité étant donnée à la faible bande passante, la qualité diminue souvent. |
Vague | .wav | Le format Wave (forme d'onde) a été développé par IBM et Microsoft. Il est pris en charge par tous les ordinateurs exécutant Windows et tous les navigateurs Web (sauf Google Chrome). |
WMA | .wma | WMA 格式 (Windows Media Audio),質(zhì)量?jī)?yōu)于 MP3,兼容大多數(shù)播放器,除了 iPod。WMA 文件可作為連續(xù)的數(shù)據(jù)流來(lái)傳輸,這使它對(duì)于網(wǎng)絡(luò)電臺(tái)或在線音樂(lè)很實(shí)用。 |
MP3 | .mp3 .mpga | MP3 文件實(shí)際上是 MPEG 文件的聲音部分。MPEG 格式最初是由運(yùn)動(dòng)圖像專家組開(kāi)發(fā)的。MP3 是其中最受歡迎的針對(duì)音樂(lè)的聲音格式。期待未來(lái)的軟件系統(tǒng)都支持它。 |
- Recommandations de cours
- Téléchargement du didacticiel
-
élémentaireTutoriel de base HTML
32074 Les gens regardent -
élémentaireTutoriel d'introduction de base HTML+CSS
82957 Les gens regardent -
élémentaireTutoriel d'introduction de base HTML/CSS de 5?heures
26690 Les gens regardent -
élémentaireTutoriel de base de Node.js
28592 Les gens regardent -
élémentaireTutoriel de base de Node.js
7263 Les gens regardent -
élémentaireTutoriel de base Ajax
15897 Les gens regardent -
élémentaireTutoriel de base jQuery
8956 Les gens regardent -
élémentaireTutoriel de base d'Ecshop
12487 Les gens regardent -
élémentaireTutoriel de base Javascript
28032 Les gens regardent -
élémentairetutoriel vidéo de base de thinkphp3.2
27664 Les gens regardent -
élémentaireTutoriel vidéo de base de ReactJS
11582 Les gens regardent -
élémentaireTutoriel vidéo de base de CreateJS
9538 Les gens regardent
Les étudiants qui ont regardé ce cours apprennent également
- Parlons brièvement de la création d'une entreprise en PHP
- Introduction rapide au développement web front-end
- Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
- Premiers pas avec le développement pratique PHP?: création rapide de PHP [Small Business Forum]
- Vérification de connexion et forum de discussion classique
- Collecte de connaissances sur les réseaux informatiques
- Démarrage rapide de la version complète de Node.JS
- Le cours front-end qui vous comprend le mieux?: HTML5/CSS3/ES6/NPM/Vue/...[Original]
- écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)