Post another
Loading...
Sunday 30 August 2015
» » » » Cara Menampilkan Multimedia DI Halaman HTML

Cara Menampilkan Multimedia DI Halaman HTML

00:01

Apa itu Multimedia ?

 

Multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks, suara, gambar, animasi audio dan video dengan alat bantu dan koneksi sehingga pengguna dapat melakukan navigasi, berinteraksi, berkarya, dan berkomunikasi. Multimedia hadir dengan berbagai format dan hampir dapat menjadi apapun yang kita dengar atau lihat. Seperti teks, gambar, musik, suara video rekaman, film, animasi dan sebagainya. Di internet sobat mungkin sering menemukan penyisipan elemen multimedia pada halaman web, hal ini terjadi karena browser modern telah mendukung banyak format multimedia.

Dukungan Browser

 

Web browser pertama memiliki dukungan untuk teks saja, terbatas pada font tunggal dalam satu warna.
Kemudian datang browser dengan dukungan untuk warna dan font, dan bahkan dukungan untuk gambar!
Dukungan untuk suara, animasi, dan video ditangani secara berbeda oleh berbagai browser. Berbagai jenis dan format yang didukung, dan beberapa format memerlukan program pembantu tambahan (plug-in) untuk bekerja.
Mudah-mudahan ini akan menjadi sejarah. HTML5 multimedia menjanjikan masa depan yang lebih mudah untuk multimedia.

Format Multimedia

 

Elemen multimedia (seperti suara atau video) disimpan dalam file media.
Cara yang paling umum untuk menemukan jenis file, adalah dengan melihat ekstensi file. Ketika browser melihat ekstensi htm atau html berkas, itu akan memperlakukan file sebagai file HTML. Ekstensi .xml menunjukkan file XML, dan ekstensi css menunjukkan file style sheet. Gambar diakui oleh ekstensi seperti .gif, .png dan .jpg.
File multimedia juga memiliki format sendiri dan ekstensi yang berbeda seperti: swf, wav, .mp3, .mp4, .mpg, .wmv, dan .avi.

Cara Menampilkan Video dan Audio 

 

Menampilkan Video
Jika ingin menampilkan video dalam halaman web, kalian dapat menuliskan script berikut :
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Menampilkan Audio
Jika ingin menampilkan audio dalam halaman web, kalian dapat menuliskan script berikut :
<audio controls>
  <source src="sound.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Diposkan oleh di 00:01
Share:

26 komentar:

  1. dpw2 March 2020 at 20:19

    Waahh artikel ini sangat bagus dan berguna untuk saya, dan pastinya untuk yang lain juga. Karna dari sini saya dapat mengetahui cara menampilkan multimedia di halaman html. Penjelasannya sangat jelas dan mudah dimengerti bagi kami yang mempelajari hal terkait karna admin mencantumkan contoh script nya.. jadi makin mudah dimengerti hehehe. apalagi saya yang kuliah dibagian komputer, sangat terbantu sekali dengan artikel ini. terimakasih ya penjelasan dan bantuannya.. semoga kedepannya bisa menulis artikel lainnya, saya sangat senang sekali.. perkenalkan nama saya MEIREZA SITI ASSYIFA, situs web kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  2. Mutia A.R2 March 2020 at 23:45

    Woww, Blog anda sangat bagus sekali dan menginspirasi saya untuk membuat sebuah web yang ada animasinya. Dengan adanya Blog tentang Format Multimedia di HTML ini sangat membantu saya yang baru belajar ini, ternyata sesimple itu cara memasukkan file seperti audio, gambar dan video. Namun, sedikit saran saya, sebaiknya blog Anda dibuat semenarik mungkin misalnya pada gaya penulisan yang dibuatkan animasi ,ditambahkan juga gambar ataupun audio. Dan Semoga saran ini sangat membantu ya. Untuk itu saya tunggu Blog selanjutnya lagi ya. Perkenalkan Saya Mutia Amirah Rahim, Silahkan Kunjungi website Kampus Saya https://www.atmaluhur.ac.id/

    ReplyDelete
  3. rian cahya fajar3 March 2020 at 13:35

    Assalammualaikum, Terima kasih atas website ini yang membahas cara menampilkan Multimedia di html, dengan melihat informasi di website ini sangat membantu untuk saya yang baru belajar html, dan dengan di sertai script html nya leh admin membuat saya lebih mudah memahaminya, di harapkan admin bisa membuat website yang lebih menarik lagi tentang html, semoga kedepannya website ini berkembang lebih pesat, perkenalkan nama saya Rian Cahya Fajar, silahkan kunjungi website kampus kami https://www.atmaluhur.ac.id/

    ReplyDelete
  4. Rellyta agustine3 March 2020 at 14:15

    uuuchhhhh sumpah demi apa suka banget aku sama artikel nya padat banget uyy kata-kata nya tuh mudah dimengerti, maksih banget kakak artikl nya MANGAT TERUS KAKAK BIKIN ATIKEL NYA karana artikel kakak sanagt penting buat saya....!!! into Kenalin Nama saya Rellyta agustine jangan lupa mampir k website kampus kami kakak https://www.atmaluhur.ac.id/

    ReplyDelete
  5. Pegi Anggraini3 March 2020 at 14:57

    waahhh terima kasih artikelnya yang sangat bermanfaat buat saya yang masih muda dan masih belajar dalam HTML MULTIMEDIA,artikelnya juga sangat bagus karena di lengkapi contoh-contohnya yang bisa membuat saya lebih paham,semoga kedepannya kakak makin sukses kedepannya karena telah mau membagi ilmunya ke saya yang baru belajar.perkebalkan nama saya PEGI ANGGRAINI dari kampus STMIK ATMA LUHUR dan kunjungin webseit kampus di https://www.atmaluhur.ac.id/

    ReplyDelete
  6. Unknown3 March 2020 at 17:09

    Assalamualaikum, terima kasih kak atas website nya,dari website admin ini,saya mengerti apa pengertian dari multimedia,dukungan browser,format multimedia,dan cara menampilkan vidio dan audio,dan jujur artikel nya sangat mudah dipahami,bermanfaat dan membantu saya yang baru belajar tentang html multimedia.saya harap kedepannya kakak memberikan update-update yang memberikan informasi yang lebih baik dan bermanfaat lainnya.. perkenalkan nama saya afgar wira satriaji
    Ini website kampus kami
    Https://www.atmaluhur.ac.id/

    ReplyDelete
  7. Unknown3 March 2020 at 21:01

    wow ... I love the article and it is very understandable for me who is just learning html multimedia. Hopefully in the future the admin can provide updates that provide better information, introduce my name Eva Maulani don't forget to visit my campus website at this link Https://www.atmaluhur.ac.id/

    ReplyDelete
  8. Unknown4 March 2020 at 08:49

    Wah mksih kak artikel nya sangat membantu saya dalam belajar multimedia di HTML...tpi kenapa ya kak saya sering eror dalam memasukan Vidio di webnya...mohon koreksinya nya ya kak..
    Perkenalkan nama saya Peri Supriyanto
    Kunjungi website kampus kami agar bisa saling support ya
    Https://www.atmaluhur.ac.id/

    ReplyDelete
  9. Miftahuljannah4 March 2020 at 09:15

    Wah terima kasih ya atas artikel nya karna sangat membantu saya yang ingin tau tentang Html Multimedia sehingga saya tau bagaimana cara menampilkan gambar,video,dukungan browser,ternyata semudah itu cara menampilkan nya
    semoga admin dapat memberikan artikel terbaru dan menarik lagi yaaa,, terus berkaya ditunggu artikel selanjutnya..
    Perkenalkan nama saya Miftahul Jannah
    kunjungi website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  10. aqilafadiya4 March 2020 at 12:54

    Wooww min terimakasih banyak artikelnya.. ini sangat membantu saya untuk belajar multimedia di html, berkat ini saya bisa mempelajari dan menguasai multimedia ini. Oh iya min tapi gimana nih saya sering eror saat memasukkan foto di webnya, semoga memberikan artikel artikel yang terbaik ya min dan sukses selalu ya.
    Nah perkenalkan juga nama saya Aqilla Fadiya Haya dan kenalkan juga link kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  11. Nia zulianti4 March 2020 at 20:42

    This comment has been removed by the author.

    ReplyDelete
  12. Sity sugesti pratiwi4 March 2020 at 20:52

    Artikel kakak sangat membantu sekali kak karena awalnya saya ketinggalan kelas dan pelajaran jadi saya sedikit susah memahami bagaimana cara menampilkan video,gambar dan audio di HTML multimedia kak nah dengn artikel kakak saya jadi terbantu.terimakasih atas artikel kakak yng bermanfaat.saya sity sugesti pratiwi jangan lupa kunjungi juga aryikel kampus kmi kak https://www.atmaluhur.ac.id/

    ReplyDelete
  13. Nia zulianti4 March 2020 at 20:56

    Wah ,terimakasih artikelnya kak .
    Artikel ini sangat membantu saya dalam memahami HTML multimedia sehingga saya tau cara menampilkan video,audio dan gambar . Nah perkenalkan kak nama saya NIA ZULIANTI ,saya tunggu updatetan artikel lain sukses terus kak .
    Kunjungi website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  14. Frostbrand5 March 2020 at 18:23

    perkenalkan nama saya reza pahlevi dari kampus STMIK atma luhur pangkalpinang. artikel tentang cara memasukan media gambar,video,dan audio yang kakak berikan sangat bermanfaat dan mudah dipahami. semoga blog yang kakak buat ini masih update untuk kedepanya, karena dapat berguna untuk orang lain. terimakasih.
    kunjungi juga website kampus saya di https://www.atmaluhur.ac.id/.

    ReplyDelete
  15. muhnugie6 March 2020 at 20:16


    selamat malam kak terimakasih banyak sangat berguna selaki ilmunya terus semangat janga menyerah dalam membagi ilmu
    nim 19225000200
    nama Muhammad Nugie Cesarianto
    kelompok Si2k
    link kampus https://www.atmaluhur.ac.id/

    ReplyDelete
  16. Unknown6 March 2020 at 21:19

    Malam kak . Menurut saya artikelnya sangat mudah dimengerti walupun singkat tapi jelas dan sangat membantu baik bagi saya maupun orang lain . Terus kirimkan artikel terbaik ya kak. Terimakasih.
    Nim : 1922500192
    Nama : ROkI
    Kelompok : SI2k
    Link kampus https://www.atmaluhur.ac.ad/

    ReplyDelete
  17. Unknown7 March 2020 at 11:40

    Artikelnya sangat menarik dan mempermudah dalam mempelajari html multimedia. Semoga kedepannya bisa membuat blog" lain yg bagus lainnya. Perkenalkan nama saya tantiara, kunjungi website kampus saya di https://www.atmaluhur.ac.id/

    ReplyDelete
  18. Tindius7 March 2020 at 13:56

    Info diatas sangat membantu dan menarik tetapi sedikit saran materi info terlalu sedikit lebih baik di perbanyak lagi perkenalkan nama saya claudio khelvin ini website kampus saya https://www.atmaluhur.ac.id

    ReplyDelete
  19. Arnold Julyanto Sibarani7 March 2020 at 14:26

    terimakasih banyak kak artikel nya,saya sangat terbantu sekali dengan artikel ny. apalagi saya masih belajar cara menampilkan multimedia di dalam halaman html. dengan adanya artikel ini saya jadi bisa mengetahui bagaimana menampilkan multimedia di halaman html. ditunggu kak artikel-artikel terbaru nya yg lain, dan terus lah berkarya kak... oh iyah kak perkenalkan nama saya Arnold Julyanto Sibarani dan kunjungi website kampus saya di https://www.atmaluhur.ac.id/

    ReplyDelete
  20. Dela periska7 March 2020 at 19:01

    Terimakasi ertikelnya sangat bagus, skrng saya tau bgaimana cara menampilkan multimedia di halaman html perkenalkan nama saya dela periska kunjungi website kampus kami https://www.atmaluhur.ac.id./

    ReplyDelete
  21. Dela periska7 March 2020 at 19:02

    Terimakasi ertikelnya sangat bagus, skrng saya tau bgaimana cara menampilkan multimedia di halaman html perkenalkan nama saya dela periska kunjungi website kampus kami https://www.atmaluhur.ac.id./

    ReplyDelete
  22. Unknown10 March 2020 at 12:43

    Terimakasihh kakkk pengetahuannya.
    Artikel ini sangat bagus sekali , dan sangat membantu saya untuk memahaminya .
    Sekarang saya tau bagaimana cara menampilkan multimedia di Html .semogaa materi ini bisa dimengerti banyak orang kak, dan semoga kakak sukses selalu🤗🤗
    Perkenalkan nama saya DIAN ANGGREINI NIM 1922500136 KELOMPOK SI2K.
    Kunjungi website kampus kami https://www.atmaluhur.ac.id/

    ReplyDelete
  23. Unknown10 March 2020 at 23:25

    Terimakasih kak atas materinya, sangat bagus. Isinya mudah dipahami, sangat membatu. melihat artikel ini saya bisa mengetahui cara menampilkan html dengan multimedia. ditunggu next materi lain tentang html kak,semoga sukses selalu.semoga sehat selalu agar bisa upload materi yg lain.
    Nama saya Ardelia Dwi Maharani
    Nim 1922500137
    Kelompok SI2K
    website kampus https://www.atmaluhur.ac.id/

    ReplyDelete
  24. Unknown12 March 2020 at 17:46

    Malam kak . Menurut saya artikelnya sangat mudah dimengerti walupun singkat tapi jelas dan sangat membantu baik bagi saya maupun orang lain . Terus kirimkan artikel terbaik ya kak. Terimakasih.
    Nim : 1922500192
    Nama : ROkI
    Kelompok : SI2k
    Link kampus https://www.atmaluhur.ac.id/

    ReplyDelete
  25. Elma aferla22 April 2021 at 13:34

    Selamat siang,
    Terimakasih kak Artikel ini membantu saya dalam memahami HTML multimedia sehingga saya tau cara menampilkan video,audio dan gambar walaupun singkat tapi bisa dipahami. Ditunggu artikel selanjutnya, semoga segera update yaa. Perkenalan saya Elma Aferla Nim 2022500160 Kelompok SI2J. Kunjungi juga website kampus kami di https://www.atmaluhur.ac.id/

    ReplyDelete
  26. Unknown22 April 2021 at 19:48

    Hello! I know this article was made on 2015 and i'm five years late or more than that to comment, but thank you. thank you very much for this article, your style of language is understandable, especially for me which is i'm still a beginner. Now i can learn to put media i wanted whenever it audio or document, i know this is simple but seeing HTML can do this is wholesome. Thanks and please keep share articles or tutorial about this, many people and including me are happy to read and learn. anyway just wanted to introduce myself, I'm Cindy Lawrenza, if you interested you can visit my campus' website (computer learning campus), here's the link: https://www.atmaluhur.ac.id/. Much kudos for you!

    ReplyDelete

Subscribe to: Post Comments (Atom)
 
Toggle Footer