Cara mudah-bukti masa depan, kompatibel-belakang untuk memutar file audio mp3 di tempat pada halaman?


9

Saya memiliki situs untuk musisi yang menyertakan musik dalam mp3format, tetapi ini diputar melalui file Flash ( xspfplayer ). Tentu saja, tanpa Flash ini tidak berguna.

Apakah ada bukti yang lebih baik di masa depan, dan cukup kompatibel untuk memasukkan cuplikan audio mp3 pada halaman tanpa memaksa pengguna untuk menggunakan Flash, dan juga tidak memaksa mereka untuk mengunduh mp3 terlebih dahulu, atau meninggalkan halaman sepenuhnya?

Jawaban:


6

Solusi lain adalah dengan menggunakan perpustakaan JavaScript yang disebut Sound Manager . Secara default, ini menanamkan objek Flash yang tidak terlihat di halaman dan menggunakannya untuk memutar file audio (termasuk MP3). Versi terbaru mencakup kemampuan untuk menggunakan audiotag HTML5 bila tersedia.

Anda kemudian dapat menulis pemutar Anda dalam HTML / CSS / JS, dan minta Sound Manager mencari tahu apakah akan menggunakan Flash atau audiotag untuk memutar file audio. Dengan cara ini pemain Anda akan bekerja di IE6 dan juga di iPhone / iPad.


SoundManager terlihat cukup bagus! Dan sebenarnya menggabungkan jawaban penggunaan yang sudah diterima <audio>. Hal-hal hebat dan selamat datang di Webmaster Pro!
artlung

8

Taruhan terbaik Anda adalah terus menggunakan Flash player dan menggunakan tag audio HTML5 , untuk browser apa pun yang mendukungnya. Akhirnya, semua browser akan mendukung HTML5 dan Anda dapat mematikan pemutar audio flash.

Ada dokumen hebat pada tag audio HTML5 dan cara menggunakannya di sini, http://html5doctor.com/native-audio-in-the-browser/ . Tampaknya sangat mudah digunakan.

Sepertinya Safari 4, dan Chrome 3 keduanya mendukung tag DAN format mp3. Opera dan FF 3.5 mendukung format WAV.


2
Juga, Opera dan FF mendukung ogg vorbis, yang mungkin merupakan taruhan yang lebih baik daripada MP3.
luiscubal

@luiscubal - Itu benar. Jika lupa menyebutkan itu. Terima kasih!
Ben Hoffman

1
Jika jQuery adalah milik Anda, Anda mungkin ingin melihat jPlayer; ia menggunakan HTML5 tetapi kembali ke Flash saat dibutuhkan: happyworm.com/jquery/jplayer
deizel

Sebenarnya saya maksudkan "taruhan yang lebih baik daripada WAV", tapi saya kira itu juga bisa berlaku untuk MP3.
Luiscubal

1

Saya percaya solusi ini lebih cocok dengan kebutuhan Anda:

Buat file daftar putar M3U yang mengarah ke URL MP3, unggah M3U ke server Anda, lalu buat tautan ke file M3U di halaman Anda.

Ketika pengunjung mengklik tautan ke file M3U, file M3U (kecil) akan diunduh dan ia akan memiliki opsi untuk membukanya di media player pilihannya (yaitu apa pun yang sudah diinstal pada mesin - tidak perlu untuk Flash apa pun).

Setelah dibuka, MP3 akan mulai streaming.


Ini jenis file standar, tetapi tidak akan berpikir kekuatan membuka pemain eksternal? Harapan saya adalah mempertahankan pengguna di halaman saya dan menggunakan sumber daya browser yang ada sebagai pemain. Ini terdengar seperti masalah yang sama dengan hanya menautkan ke mp3, kadang-kadang (sering?) Mengeluarkan pengguna dari browser.
artlung

Memang benar, tindakan akan membuka file M3U dengan aplikasi yang disukai pada sistem setelah diunduh - Maaf jika saya salah mengartikan kebutuhan Anda RE: meninggalkan halaman. Jawaban yang diterima untuk pertanyaan Anda tetap merupakan taruhan terbaik (dan, kecuali jika statistik pengguna situs menunjukkan sebaliknya, saya berani bertaruh bahwa itu akan cukup untuk kebutuhan situs).
danlefree
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.