it-swarm-vi.com

Cách đơn giản trong tương lai, tương thích ngược để phát các tệp mp3 âm thanh tại chỗ trên trang?

Tôi có một trang web dành cho nhạc sĩ bao gồm nhạc ở định dạng mp3, nhưng chúng được phát qua tệp Flash ( xspfplayer ). Tất nhiên, không có Flash thì điều này là vô ích.

Có cách nào tương lai tốt hơn và tương thích ngược một cách hợp lý để bao gồm các đoạn âm thanh mp3 trên một trang mà không buộc người dùng sử dụng Flash và cũng không buộc họ phải tải xuống mp3 trước hoặc rời khỏi trang hoàn toàn không?

9
artlung

Một giải pháp khác là sử dụng thư viện JavaScript có tên Trình quản lý âm thanh . Theo mặc định, nó nhúng một đối tượng Flash vô hình trong trang và sử dụng nó để phát các tệp âm thanh (bao gồm cả MP3). Phiên bản mới nhất bao gồm khả năng sử dụng thẻ audio của HTML5 khi khả dụng.

Sau đó, bạn có thể viết trình phát của mình bằng HTML/CSS/JS và có Trình quản lý âm thanh để biết nên sử dụng thẻ Flash hay audio để phát tệp âm thanh. Bằng cách này, trình phát của bạn sẽ hoạt động trong IE6 và cả trên iPhone/iPad.

6
jay_soo

Đặt cược tốt nhất của bạn là tiếp tục sử dụng trình phát Flash và sử dụng thẻ âm thanh HTML5 , cho bất kỳ trình duyệt nào hỗ trợ nó. Cuối cùng, tất cả các trình duyệt sẽ hỗ trợ HTML5 và bạn sẽ có thể tắt trình phát âm thanh flash.

Có một tài liệu tuyệt vời về thẻ âm thanh HTML5 và cách sử dụng nó ở đây, http://html5doctor.com/native-audio-in-the-browser/ . Nó dường như là cực kỳ dễ sử dụng.

Nó trông giống như Safari 4 và Chrome 3 đều hỗ trợ thẻ VÀ định dạng mp3. Opera và FF 3.5 hỗ trợ định dạng WAV.

8
Ben Hoffman

Tôi tin rằng giải pháp này phù hợp với yêu cầu của bạn chính xác hơn:

Tạo tệp danh sách phát M3U trỏ đến URL của MP3, tải lên M3U lên máy chủ của bạn và sau đó tạo liên kết đến tệp M3U trên trang của bạn.

Khi khách truy cập nhấp vào liên kết đến tệp M3U, tệp M3U (nhỏ) sẽ được tải xuống và người đó sẽ có tùy chọn mở nó trong trình phát đa phương tiện mà họ chọn (nghĩa là mọi thứ đã được cài đặt trên máy - không cần cho Flash bất cứ điều gì).

Sau khi mở, MP3 sẽ bắt đầu truyền phát.

1
danlefree