Tutorial Pemrograman

Cara Menampilkan Audio dan Video dengan HTML

Secara sederhana website dapat diartikan sebagai kumpulan dari teks, gambar, dan video. Keberadaan audio maupun video mampu mempercantik tampilan website. Untuk memahami bagaimana menampilkan audio dan video di HTML, berikut langkah-langkahnya:

Cara menampilkan Audio

1. Buka XAMPP Control Panel dan aktifkan Apache dan MySql.

2. Siapkan lagu yang kamu mau tampilkan. Lagu ditempatkan di folder yang sama dengan program kamu. Disini saya menyimpan lagu di folder xampplite → htdocs → buat folder baru (disini saya buat folder baru dengan nama “inwepo”).

3. Buka text editor, seperti Notepad++, atau Dreamweaver dan ketiklah script code berikut. Buat file ‘mp3.php’, simpan di folder xampplite → htdocs → buat folder baru (disini saya buat folder baru dengan nama “inwepo”).

4. Untuk melihat hasil script code di atas, kamu bisa buka browser kamu ketiklah http://localhost/inwepo/mp3.php

Cara Menampilkan Video

1. Buka XAMPP Control Panel dan aktifkan Apache dan MySql.

2. Siapkan film yang kamu mau tampilkan. Film ditempatkan di folder yang sama dengan program kamu. Disini saya menyimpan lagu di folder xampplite → htdocs → buat folder baru (disini saya buat folder baru dengan nama “inwepo”).

3. Buka text editor, seperti Notepad++, atau Dreamweaver dan ketiklah script code berikut. Buat file ‘mp4.php’, simpan di folder xampplite → htdocs → buat folder baru (disini saya buat folder baru dengan nama “inwepo”).

4. Untuk melihat hasil script code di atas, kamu bisa buka browser kamu ketiklah http://localhost/inwepo/mp4.php

Catatan:

1. Mungkin ada yang masih bingung kenapa harus disimpan di htdocs? Htdocs adalah salah satu folder bawaan dari XAMPP, yang tugasnya khusus untuk menyimpan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML, CSS, dan JavaScript.

2. Kemudian, mungkin ada yang menanyakan maksud dari http://localhost/inwepo/mp3.php. Localhost merupakan server lokal pada computer. Localhost dapat diaktifkan ketika kamu meng-klik start Apache di XAMPP Control Panel. Inwepo menunjuk pada folder inwepo saya di xampplite → htdocs. Dan, mp3.php adalah nama file yang tersimpan script code di atas.

Demikian penjelasan dari tutorial cara menampilkan audio dan video dengan HTML. Selamat mencoba.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial gratis melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top