HTML-mediatoiminnot
- Edellinen sivu HTML5 Canvas vs SVG
- Seuraava sivu HTML objektit
Verkkomultimedia tarkoittaa ääniä, musiikkia, videoita ja animaatioita.
Nykyiset verkkoselaimet tukevat monia multimedia-formaatteja.
Mitä multimedia on?
Multimedia tulee monista eri muodoista. Se voi olla mitä tahansa, mitä kuulet tai näet, teksti, kuvat, musiikki, äänitehosteet, tallennetut äänet, elokuvat, animaatiot ja niin edelleen.
Internetissä löydät usein multimedia-elementtejä, jotka on sisällytetty verkkosivuille, ja nykyaikaiset selaimet tukevat monia multimedia-formaatteja.
Tässä oppaassa opit erilaisista multimedia-formaateista ja siitä, miten ne voidaan käyttää verkkosivuilla.
Selaimen tuki
Ensimmäinen Internet-selain tuetti vain tekstiä, ja jopa tekstin tukeminen oli rajallista yhteen fonttiin ja yhteen väriin. Myöhemmin kehitettiin selaimia, jotka tukivat värejä, fontteja ja tekstityylejä, ja kuvien tukeminen lisättiin.
Eri selaimet käsittelevät ääniä, animaatioita ja videoita eri tavoin. Jotkut elementit voidaan käsitellä sisäänrakennetusti, kun taas jotkut vaativat lisäliitännäisiä.
Tutustut lisää liitännäisistä seuraavassa luvussa.
Multimedia-formaatit
Multimedia-elementit (kuten video ja ääni) tallennetaan media-tiedostoissa.
Usein käytetty tapa määrittää mediatyyppi on tarkistaa tiedoston laajennus. Kun selain saa tiedoston laajennuksen .htm tai .html, se olettaa, että tiedosto on HTML-sivu. .xml-laajennus viittaa XML-tiedostoon, ja .css-laajennus viittaa tyyliohjelmaan. Kuvaformaatit tunnistetaan .gif- tai .jpg-laajennuksilla.
Multimedia-elementit (kuten video ja ääni) ovat tiedostoissa, joilla on erilaisia laajennuksia, kuten .swf, .wmv, .mp3 ja .mp4.
Videoformaatti
MP4-muoto on uusi, tulevaisuuden suosittu Internet-videoformaatti. HTML5-, Flash-toistimet sekä Youku ja muut videoviestintäverkot tukevat sitä.
muoto | tiedosto | kuvaus |
---|---|---|
AVI | .avi | AVI (Audio Video Interleave) -muoto on Microsoftin kehittämä. Kaikki Windowsia käyttävät tietokoneet tukevat AVI-muotoa. Se on yleistä Internetissä, mutta ei aina toistu ei-Windows-tietokoneilla. |
WMV | .wmv | Windows Media -muoto on Microsoftin kehittämä. Windows Media on yleistä Internetissä, mutta ilman lisäkomponentteja (ilmaiseksi), Windows Media -elokuvia ei voi toistaa. Jotkut myöhemmät Windows Media -elokuvat eivät toistu kaikilla Windows-yhteensopivilla tietokoneilla, koska sopivia soittimia ei ole saatavilla. |
MPEG |
|
MPEG (Moving Pictures Expert Group) -muoto on suosituin muoto Internetissä. Se on yliverkkoinen ja saanut tuen kaikilta suosituimmilta selaimilta. |
QuickTime | .mov | QuickTime-muoto on kehitetty Applen toimesta. QuickTime on yleinen muoto Internetissä, mutta QuickTime-elokuvia ei voi toistaa Windows-koneilla ilman lisäkomponentteja (ilmaisia). |
RealVideo |
|
RealVideo-muoto on kehitetty Real Median toimesta Internetissä. Tämä muoto mahdollistaa videon toiston alhaisella kaistaleveydellä (verkkovideot, internet-tv). Koska se on alhaisen kaistaleveyden painotus, laatu voi heikentyä. |
Flash |
|
Flash (Shockwave)-muoto on kehitetty Macromedian toimesta. Shockwave-muodolle tarvitaan lisäkomponentteja toistamiseen. Mutta tämä komponentti on asennettu etukäteen selaimiin, kuten Firefoxiin tai IE:hen. |
Mpeg-4 | .mp4 | Mpeg-4 (H.264-videokompressio) on uusi muoto Internetissä. Itse asiassa YouTube suosittelee MP4:n käyttöä. YouTube vastaanottaa useita muotoja ja konvertoi ne .flv- tai .mp4-muotoon jakamista varten. Yhä useammat videonjulkaisijat siirtyvät MP4:hen, ja se on Flash-soittimen ja HTML5:n Internetissä käytetty jakamismuoto. |
äänimuoto
muoto | tiedosto | kuvaus |
---|---|---|
MIDI |
|
MIDI (Musical Instrument Digital Interface) on muoto, joka on suunniteltu elektronisten musiikkilaitteiden (kuten syntetisaattoreiden ja äänikorttien) varten. MIDI-tiedostot eivät sisällä ääntä, mutta ne sisältävät digitaalisia musiikkiohjeita, joita elektroniset laitteet (kuten äänikortit) voivat toistaa. Napsauta tästä toistaaksesi The Beatles. Koska MIDI-muoto sisältää vain ohjeita, MIDI-tiedostot ovat erittäin pieniä. Yllä oleva esimerkki on vain 23k suuruinen, mutta se voi toistaa lähes 5 minuuttia. MIDI on saanut laajan tuen useilla alustoilla olevista ohjelmistoista. Useimmat suosituista verkkoselaimista tukevat MIDI:ää. |
RealAudio |
|
RealAudio-muoto on kehitetty Real Media:n toimesta Internetiä varten. Muoto tukee myös videota. Muoto mahdollistaa äänivirran (verkkomusiikki, verkkoaudio) alhaisessa宽带条件下。 Koska se on alhaisen宽带优先isyyden mukainen, laatu voi usein heiketä. |
Wave | .wav | Wave (aalto muoto) -muoto kehitettiin IBM:n ja Microsoftin toimesta. Kaikki Windows-koneet ja kaikki verkkoselaimet (paitsi Google Chrome) tukevat sitä. |
WMA | .wma | WMA-muoto (Windows Media Audio), laatu on parempi kuin MP3, ja se on yhteensopiva suurimmalla osalla soittimia, paitsi iPodin kanssa. WMA-tiedostot voidaan lähettää jatkuvana datavirrana, mikä tekee siitä hyödyllisen verkkoradio- tai verkkomusiikille. |
MP3 |
|
MP3-tiedostot ovat itse asiassa MPEG-tiedostojen ääniosat. MPEG-muoto kehitettiin alun perin Elokuvat ja ääni -työryhmän toimesta. MP3 on niistä suosituin musiikkia varten suunniteltu äänimuoto. Odotetaan, että tulevaisuuden ohjelmistojärjestelmät tukevat sitä. |
Mikä muoto?
WAV on Internetissä suosituinEi kompressiotaäänimuoto, jota kaikki suositut selaimet tukevat. Jos tarvitset kompressiotonta ääntä (musiikkia tai puheenvuoroja), käytä WAV-muotoa.
MP3 on uusinPakkaaminenTallennusmusiikin muoto. MP3 on tullut digitaalisen musiikin synonyymiksi. Jos verkkosivustosi käsittelee tallennusmusiikkia, MP3 on vaihtoehto.
- Edellinen sivu HTML5 Canvas vs SVG
- Seuraava sivu HTML objektit