1. Di hosting tempat situs Anda berada, di direktori root (folder tempat file indeks berada), buat folder audio. Di masa depan, Anda akan menempatkan semua file audio di dalamnya.
3. Sekarang pilih file yang diinginkan, sebaiknya dalam format mp3. Buat folder audio di root situs dan unduh.
4. Tetap hanya memasukkan kode koneksi pemain. Sangat cocok untuk situs mana pun Di tempat yang tepat, Anda hanya perlu menentukan jalur ke file pemutar dan file audio, mengganti kata-kata yang sesuai domain_anda dan audio_nama file:
Dan semuanya sudah siap! Anda dapat melihat pekerjaan contoh.
cara mengatur musik latar di html
Menggunakan kekuatan HTML dan browser, Anda juga dapat memasukkan musik latar ke dalam halaman. Anda akan memerlukan file audio dengan format yang diperlukan: WAV, AU, MIDI atau MP3. Anda dapat menggunakan file apa pun dengan ekstensi yang ditentukan sebagai contoh.Cara pertama adalah tag penyematan. Elemen embed digunakan untuk memuat dan menampilkan objek (seperti file video, film flash, beberapa file audio, dll.) yang tidak dipahami oleh browser secara native.
Sintaksnya cukup sederhana:
Tag penutup tidak diperlukan.
Sekarang kita melihat contoh record dengan atribut, dan di bawah ini dengan decodingnya:
Sematkan atribut tag untuk memutar audio dalam html
lebar - lebar panel dalam piksel (atau persen)
tinggi - tinggi panel dalam piksel (atau persentase)
align - posisi panel relatif terhadap teks, nilai yang mungkin adalah kiri, kanan, tengah
tersembunyi - memungkinkan untuk menyembunyikan panel, nilai atribut: true - panel disembunyikan, false - panel terlihat (nilai default)
autostart - benar - pemain mulai secara otomatis ketika halaman dimuat, salah - menunggu tombol putar ditekan
loop - loop, true - trek diputar dalam lingkaran, dan jika salah - hanya sekali
Cara kedua. Sangat tua, tetapi juga praktis) Tambahkan melodi ke folder (direktori) yang sama di mana file Anda berada, dan tulis kode berikut di badan:
Akibatnya, setelah memuat halaman, melodi yang Anda tentukan di tag bgsound akan berbunyi. Sekarang mari kita lihat lebih dekat atribut tag
src- jalur ke file audio Anda
lingkaran- berapa kali mengulang melodi (jika -1, maka ulangi tanpa henti)
keseimbangan- nilai keseimbangan stereo (dari -10000 hingga 10000)
volume- volume melodi, di mana 0 adalah maksimum, dan -10000 adalah minimum.
Namun, tidak akan ada cara untuk mengontrol pemutar dengan cara apa pun - setiap kali halaman disegarkan, trek akan diputar lagi.
Setelah menjelaskan metode memasukkan musik latar, saya ingin mencegah Anda dari ini, karena sebagian besar pengguna, sebagai aturan, sudah mendengarkan musik pada saat mengunjungi berbagai situs. Oleh karena itu, pengiring musik pengiring hanya dapat memaksanya untuk menutup tab dengan situs tersebut.
Menyematkan audio dan musik dalam HTML5 - tag audio
audio- tag pasangan yang menentukan suara latar, musik, atau aliran audio lainnya di situs.
Atribut tag audio
putar otomatis- file langsung diputar saat memuat halaman (mirip dengan musik latar bgsound)
kontrol- tampilkan panel kontrol pemutar di browser
lingkaran- memutar file lagi setelah berakhir
pramuat- file audio akan dimuat bersama dengan pemuatan halaman
src- jalur ke file audio (mp3 atau ogg)
Contoh kode dengan tag audio
Audio dalam HTML 5
Namun, konten Internet seringkali unik, misalnya, tidak hanya mencakup musik, tetapi juga komentar oleh para pemain, wawancara, segala macam cerita tentang penciptaan, dll.
Sejumlah besar utilitas telah dibuat untuk mengunduh konten streaming dari Web - beberapa di antaranya bersifat universal, yang lain "dipertajam" untuk layanan tertentu. Beberapa program mendapatkan akses ke file audio dan video asli dan hanya membacanya byte demi byte dari Internet, dan beberapa dapat melanjutkan pengunduhan, mengunggah file ke beberapa aliran, bekerja dengan grup file, dll. Deskripsi aliran dapat berupa file xml dalam format ASX (untuk Windows Media Player) atau disimpan dalam file format RealAudio (ekstensi .ra dan .rm untuk audio, .rv untuk video), dll. Aliran tersebut dikirimkan tidak hanya melalui protokol http standar, udb / tcp, tetapi juga khusus - rtsp, mms, rtp, serta melalui teknologi peer-to-peer yang digunakan, misalnya, dalam layanan TV Internet populer seperti SopCast. Secara alami, untuk memainkan format ini, Anda memerlukan klien yang sesuai - katakanlah, Windows Media Player, pemutar media VLC, dan sebagainya. Omong-omong, yang terakhir tidak hanya dapat memutar konten streaming, tetapi juga menyimpannya ke drive lokal. Dialah yang akan kita gunakan, karena sebagian besar sumber daya cukup sulit baginya.
/IMAGE/1288182839_56_1.gif)
Jadi, untuk merekam, khususnya, program radio online atau podcast, Anda harus terlebih dahulu mendapatkan tautan ke konten streaming, dan kemudian memasukkannya ke pemutar VLC. Jika situs Anda menggunakan Windows Media Player untuk memutar audio, mudah untuk membuka tautannya. Anda perlu mengklik kanan pada pemutar yang disematkan di halaman situs dan memilih "Properti". Di bidang "Penempatan", temukan alamatnya dan salin ke papan klip. Jika situs menggunakan pemutar Flash atau pemutar yang dikembangkan berdasarkan HTML5, maka kemungkinan Anda harus mengobrak-abrik kode sumber halaman atau beralih ke utilitas khusus untuk "menarik" tautan.
/IMAGE/1288182839_57.gif)
Langkah selanjutnya adalah mengonversi audio streaming. Mungkin Anda tidak dapat mengatakan bahwa operasi di VLC ini sederhana dan jelas. Sebaliknya, itu rumit dan membingungkan. Perintah menu "Media Open URL" konten streaming dapat ditulis ke file. Secara default, VLC diatur untuk memutar tautan, dan untuk menyimpannya ke file, Anda perlu mengubah mode ke "Konversi" di kotak dialog yang terbuka. Pada saat yang sama, dialog akan berubah - di jendela baru file target ditunjukkan dan profil dipilih (yaitu format di mana rekaman akan disimpan). Setelah menekan tombol "Mulai", pemutar mulai menyalin audio streaming ke file. Dia melakukan ini sepenuhnya tanpa terasa dan, pada prinsipnya, dapat menulis selama yang dia suka - proses ini harus dikontrol secara independen. Harap dicatat bahwa ketika Anda menghentikan dan melanjutkan proses konversi, file yang dihasilkan diatur ulang ke nol. Jadi, Anda perlu mengganti nama file yang disimpan sebelumnya.
Sangat jelas bahwa sangat merepotkan untuk mengulangi operasi seperti itu setiap saat. Terutama jika Anda ingin menulis aliran yang berbeda pada waktu yang berbeda. Pemutar VLC menyediakan alat pengunduhan terjadwal sederhana yang disebut VLC Configurator. Ini menunjukkan apa dan di mana harus menulis (parameter ini dikonfigurasi dengan cara yang sama seperti yang dijelaskan di atas) dan untuk berapa lama. Misalnya, jika Anda perlu merekam program radio Internet tertentu setiap hari, Anda harus mengatur opsi "Ulangi" dan "Interval antara pengulangan" dalam dialog. Sekarang program akan secara otomatis mengonversi konten streaming setelah diluncurkan.
/IMAGE/1288182839_57_1.gif)
Omong-omong, VLC juga akan membantu konversi aliran, misalnya, file ASF menjadi MP3 yang lebih akrab dan mudah dipahami untuk pemutar saku. Operasi ini dapat dilakukan secara manual, setiap kali mengonversi file lokal, atau secara otomatis menggunakan skrip Powershell sederhana, yang, seperti yang Anda ketahui, merupakan bagian dari Windows 7 dan tersedia di versi sebelumnya dari sistem operasi ini. Beberapa parameter diteruskan ke skrip - jalur ke file, topeng file, dan secara opsional folder yang dihasilkan tempat file disimpan (jika tidak ditentukan, file ditulis ke direktori sumber). Di dalam loop, program VLC dipanggil, ke mana parameter dikirim: apa yang harus dikodekan, di mana harus menulis, dan parameter pengkodean yang sebenarnya. Pada akhir pengkodean, VLC diturunkan dari RAM. Konstruksi terakhir, yang menunggu hingga proses diturunkan dari memori, memungkinkan Anda untuk memverifikasi ini. Anda dapat memasukkan skrip semacam itu di editor teks apa pun - notepad atau editor Powershell ISE "visual" khusus. Jika Anda menyimpannya dalam file, misalnya convert.ps1, maka itu diluncurkan dengan konstruksi formulir:
. convert.ps1 c: file musik *.asf.
Sebagai kesimpulan, perlu diperhatikan beberapa fitur skrip lagi. Sistem operasi Windows tidak secara otomatis menulis jalur ke program, jadi Anda juga harus menentukan jalur ke vlc.exe dalam skrip: dalam versi 64-bit - C: 'Program Files (x86) ' VideoLAN VLC (perhatikan bahwa baris dengan spasi diapit dalam tanda kutip) dan dalam 32-bit - C: 'Program Files' VideoLAN VLC . Selain itu, Anda harus memastikan bahwa Anda keluar dari program VLC sebelum menjalankan skrip, jika tidak, metode waitforexit() akan berjalan tanpa batas waktu (karena program yang dipanggil dalam skrip keluar, tetapi salinannya tetap ada). Tentu saja, juga dimungkinkan untuk menangani ID proses dalam skrip, tetapi kemungkinan ini hanya akan memperumitnya. Untuk mengatasi masalah ini, Anda cukup menambahkan penghentian paksa semua VLC yang berjalan ke awal skrip: ps vlc* | %( $_.kill()). Fitur lain terkait dengan sistem keamanan Windows 7, yang mengharuskan semua skrip ditandatangani. Perintah Set-ExecutionPolicy RemoteSigned, yang perlu Anda jalankan di Powershell sebagai administrator, akan membantu Anda melewati batasan ini.
Convert.ps1 Script Powershell untuk mengonversi konten streaming ke MP3
param ( $inputpath, $wildcard, $outputpath = $inputpath)
ls -path $inputpath $wildcard | %(
tulis-host $outputfile
vlc -i dummy $_.nama lengkap :sout=#transcode (acodec=mp3,ab=128,channels=2):standard (access=file,mux=asf,dst=$outputfile)¨ vlc://quit
Ekstrak audio dari video FLV
Contoh lain penggunaan VLC dan Powershell bersama-sama adalah mengekstrak audio dari video Flash FLV. Klip video semacam itu disimpan di portal khusus, seperti, misalnya, YouTube yang terkenal kejam. Tentu saja, Google dan pemilik hosting video lainnya dengan segala cara mencegah pengunduhan konten, tetapi selalu ada cara untuk menghindari perlindungan dan mendapatkan video yang Anda suka ...
Namun, tugas yang dibahas di sini adalah sebagai berikut: cara mengekstrak audio dari file FLV yang dimuat dengan cara apa pun yang diketahui agar, misalnya, untuk mendengarkannya di pemutar saku. Operasi semacam itu cukup dalam kekuatan VLC, baik di GUI maupun dari baris perintah. Omong-omong, dalam kasus pertama, Anda perlu melakukan serangkaian tindakan yang hampir sama seperti sebelumnya: pilih perintah "Media - Konversi" / "Simpan" dari menu, tentukan file sumber dan tujuan, serta konversi parameter, yaitu codec yang sesuai.
Untuk konversi manual menggunakan Powershell, Anda perlu, seperti terakhir kali, untuk membuat skrip kecil (sebut saja flv2mp.ps1), ke mana nama folder sumber dan tujuan dikirim (secara default - sama dengan sumber). Seluruh triknya terletak pada parameter yang diteruskan: karena video tidak diperlukan, Anda harus menggunakan parameter dummy, menentukan parameter file di blok standar, dan agar skrip tidak mengganggu jendela sembul, cukup blokir dengan opsi --dummy-quiet --sout.
param ( $inputpath, $outputpath = $inputpath)
ls -path $inputpath *.flv | %(
$outputfile = join-path $outputpath($_.name.replace($_.extension, '.mp3'))
tulis-host $outputfile
vlc $namafile -I dummy --dummy-quiet --sout #transcode (acodec=mp3,vcodec=dummy):standard (access=file,mux=raw,dst='$outputfile')¨ vlc://quit
ps vlc | %($_.tungguforexit())
bahasa HTML
Sematkan audio dan video
Masukkan suara. Menandai
Menambahkan, memutar, dan mengelola pengaturan perekaman audio di halaman web. Jalur ke file diatur melalui atribut src atau tag bersarang
Sintaksis:
Beberapa
Tandai atribut
putar otomatis- suara mulai diputar segera setelah halaman dimuat;
kontrol- menambahkan panel kontrol ke file audio;
lingkaran- mengulangi pemutaran suara dari awal setelah selesai;
pramuat- digunakan untuk mengunduh file bersama dengan mengunduh halaman web;
src
Tag penutup wajib diisi.
Di dalam wadah
Contoh:
Sisipkan video. Menandai
Menambahkan, memutar, dan mengelola pengaturan video di halaman web. Jalur ke file diatur melalui atribut src atau tag bersarang
Sintaksis:
Beberapa
Tandai atribut
putar otomatis- video mulai diputar secara otomatis setelah halaman dimuat;
kontrol- menambahkan panel kontrol ke video;
lingkaran- mengulang pemutaran video dari awal setelah selesai;
tinggi- mengatur ketinggian area untuk memutar video;
lebar- mengatur lebar area untuk pemutaran video;
pramuat- digunakan untuk mengunduh video bersamaan dengan mengunduh halaman web;
src- menentukan jalur ke file yang sedang diputar.
Tag penutup wajib diisi.
Di dalam wadah
Contoh:
Contoh hasil di browser:
Halo. Denganmu Andre.
Dalam episode ini, kita akan belajar bagaimana menghubungkan suara ke html halaman, yaitu file format audio ke situs Anda.
Ada 3 metode penyematan file suara.
Dengan mengklik tautan ini, program standar untuk memutar file dengan format yang ditentukan secara otomatis diluncurkan, biasanya Windows Media (memutar file AIFF, AU, MIDI, WAV dan MP3). Opsi ini akrab bagi Anda, jadi mari kita lanjutkan.
Kedua caranya pakai wadah .
Wadah ini menyediakan kemampuan untuk mendengarkan dengan kontrol pemutaran yang ditampilkan langsung di halaman Web, namun, bilah kontrol pemutaran mungkin terlihat berbeda di browser yang berbeda.
Agar wadah ini dapat ditampilkan, plugin khusus harus dipasang di browser. Di Internet Explorer, ini adalah default, tetapi untuk browser lain, mungkin tidak semuanya memilikinya. Maka itu harus diinstal.
XHTML
|
Parameter src diperlukan; itu menentukan nama file yang sedang diputar. Parameter lain dapat dihilangkan. Daftar mereka diberikan di bawah ini.
LEBAR = n- menentukan lebar konsol dalam piksel.
TINGGI = m- menentukan ketinggian konsol dalam piksel.
AUTOSTART=BENAR|SALAH- jika disetel ke TRUE, pemutaran akan dimulai secara otomatis.
AUTOLOAD=BENAR|SALAH- jika disetel ke FALSE, file tidak dimuat secara otomatis.
STARTTIME="mm:dd"— pemutaran dimulai dari saat yang ditentukan dalam menit detik dari awal file.
REPEAT = BENAR / SALAH— mengizinkan atau melarang pengulangan klip suara/video.
PLAYLOOP=Z- jika Anda menentukan REPEAT-TRUE, tentukan di sini alih-alih Z jumlah pengulangan.
VOLUME = persentase— volume pemutaran, ditentukan sebagai persentase maksimum.
ALIGN="nilai"— menyelaraskan konsol manajemen sehubungan dengan teks halaman. Bisa TENGAH, BASELINE ATAS KIRI, KANAN.
KONTROL="nilai"— menentukan satu set kontrol konsol. Dapat memiliki nilai berikut (dijelaskan di bawah) -CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON, dan VOLUMELEVER.
MENGHIBUR- satu set lengkap kontrol.
KONSOL KECIL— representasi konsol yang ringkas. Set kontrol lengkap, kecuali tombol jeda.
tombol putar- Tombol putar saja.
TOMBOL PAUSE- hanya tombol jeda.
STOPBUTTON- hanya tombol berhenti. File tersebut kemudian diunggah.
PERNAH VOLUME- Hanya kontrol volume.
Pahami parameternya.
Saya sarankan Anda mencoba menerapkan sendiri berbagai parameter dan melihat cara kerjanya (tidak ada yang rumit di sini).
Ketiga caranya adalah dengan menentukan file suara sebagai suara latar halaman.
Sintaksnya di sini sederhana:
src=nama file- file suara
loor = n- jumlah pengulangan (tak terbatas - terus menerus)
volume- volume (dari 10.000 hingga 0,0 - nilai default)
keseimbangan- keseimbangan antara kolom kiri dan kanan, nilainya dapat bervariasi dari -10000 (maksimum untuk saluran kiri) hingga 10000 (maksimum untuk saluran kanan).
Keterangan
Menambahkan, memutar, dan mengelola pengaturan perekaman audio di halaman web. Jalur ke file ditentukan melalui atribut src atau tag bersarang. Di dalam wadah
Daftar codec yang didukung oleh browser terbatas dan diberikan dalam Tabel. satu.
| codec | Internet Explorer | Chrome | Opera | safari | Firefox |
| ogg/vorbis | |||||
| wav | |||||
| mp3 | |||||
| AAC |
Untuk pemutaran universal di browser tertentu, audio dikodekan menggunakan codec yang berbeda dan file ditambahkan secara bersamaan melalui tag
Sintaksis
Atribut
Suara mulai diputar segera setelah halaman dimuat. Menambahkan panel kontrol ke file audio. Mengulangi suara dari awal setelah berakhir. Digunakan untuk mengunduh file bersama dengan memuat halaman web. Menentukan jalur ke file yang sedang diputar.Tag penutup
Diperlukan.
HTML5 IE 8 IE 9+ Cr Op Sa Fx
Alexander Klimenkov - Empat Belas
Hasil dari contoh di browser Opera ditunjukkan pada Gambar. satu.
Beras. 1. Pemutaran file audio
Browser
Kontrol pemutaran audio berbeda di antara browser dalam tampilannya, tetapi elemen dasarnya sama. Ini adalah tombol putar / jeda, panjang trek, waktu pemutaran yang telah berlalu dan total, serta level volume.
