Prosty, przyszłościowy, kompatybilny wstecz sposób odtwarzania plików audio MP3 w miejscu na stronie?

9

Mam stronę dla muzyka, która zawiera muzykę w mp3formacie, ale są one odtwarzane za pomocą pliku Flash ( xspfplayer ). Oczywiście bez Flasha jest to bezużyteczne.

Czy istnieje lepszy, przyszłościowy i w miarę kompatybilny wstecz sposób, aby dołączyć fragmenty plików audio MP3 na stronie bez zmuszania użytkowników do korzystania z Flasha, a także nie zmuszania ich do pobrania pliku mp3 lub całkowitego opuszczenia strony?

audio sound artlung
źródło

Odpowiedzi:

6

Innym rozwiązaniem jest użycie biblioteki JavaScript o nazwie Sound Manager . Domyślnie osadza na stronie niewidzialny obiekt Flash i używa go do odtwarzania plików audio (w tym plików MP3). Najnowsza wersja zawiera możliwość użycia audioznacznika HTML5, jeśli jest dostępna.

Następnie możesz napisać odtwarzacz w formacie HTML / CSS / JS i poprosić Menedżera dźwięku, aby użył Flasha lub audioznacznika do odtworzenia pliku audio. W ten sposób Twój odtwarzacz będzie działał w IE6, a także na iPhonie / iPadzie.

jay_soo
źródło
SoundManager wygląda całkiem nieźle! I faktycznie zawiera już zaakceptowaną odpowiedź dotyczącą używania <audio>. Świetne rzeczy i zapraszamy do Pro Webmasterzy!
artlung
8

Najlepiej jest nadal korzystać z odtwarzacza Flash i tagu audio HTML5 we wszystkich przeglądarkach, które go obsługują. Ostatecznie wszystkie przeglądarki będą obsługiwały HTML5 i będziesz mógł zabić Flash Audio Player.

Na tagu audio HTML5 znajduje się świetny dokument i sposób jego użycia tutaj: http://html5doctor.com/native-audio-in-the-browser/ . Wydaje się, że jest niezwykle łatwy w użyciu.

Wygląda na to, że Safari 4 i Chrome 3 obsługują tag ORAZ format mp3. Opera i FF 3.5 obsługują format WAV.

Ben Hoffman
źródło
2
Ponadto Opera i FF obsługują ogg vorbis, co jest prawdopodobnie lepszym rozwiązaniem niż MP3.
luiscubal
@luiscubal - To prawda. Jeśli zapomniałem o tym wspomnieć. Dzięki!
Ben Hoffman
1
Jeśli jQuery to twoja sprawa, możesz rzucić okiem na jPlayer; używa HTML5, ale w razie potrzeby wraca do Flasha: happyworm.com/jquery/jplayer
deizel
Właściwie miałem na myśli „lepszy zakład niż WAV”, ale myślę, że może to również dotyczyć MP3.
luiscubal
1

Uważam, że to rozwiązanie dokładniej odpowiada Twoim wymaganiom:

Utwórz plik listy odtwarzania M3U, który wskazuje adres URL pliku MP3, załaduj plik M3U na serwer, a następnie utwórz łącze do pliku M3U na swojej stronie.

Gdy odwiedzający kliknie link do pliku M3U, (mały) plik M3U zostanie pobrany, a on lub ona będzie miał możliwość otwarcia go w wybranym odtwarzaczu multimediów (tj. Cokolwiek, co jest już zainstalowane na komputerze - nie ma potrzeby Flash w ogóle).

Po otwarciu odtwarzanie MP3 rozpocznie się strumieniowe.

danlefree
źródło
To standardowy typ pliku, ale czy nie pomyślisz o otwarciu w zewnętrznym odtwarzaczu? Moją nadzieją było utrzymanie użytkownika na mojej stronie i wykorzystanie istniejących zasobów przeglądarki jako odtwarzacza. To brzmi jak ten sam problem z samym połączeniem z mp3, czasem (często?) Zabiera użytkownika z przeglądarki.
artlung
To prawda, akcja otworzy plik M3U z preferowaną aplikacją w systemie po pobraniu - przepraszam, jeśli źle zinterpretowałem twoje wymaganie RE: opuszczenie strony. Zaakceptowana odpowiedź na twoje pytanie pozostaje najlepszym zakładem (i chyba że statystyki użytkowników witryny wskazują inaczej, założę się, że będzie ona wystarczająca do potrzeb witryny).
danlefree,