2010-02-09 26 views
24

Có thể phát các luồng radio qua internet (hoặc một số) đài với html5 không?Có thể phát các luồng phát thanh internet có luồng bằng HTML5 không?

Vì vậy, tôi có mã tiếp theo:

<html> 
<body> 
<audio src="http://shoutcast.internet-radio.org.uk:10272/" /> 
</body> 
</html> 

tôi lưu nó dưới dạng trang HTML và bắt đầu trình duyệt của tôi (chrome 4.0.249.78 Google, safary hoặc FF)

Nhưng nó không chơi/công việc! (

Và nó không chơi với bất kỳ đài phát thanh internet khác tôi đã cố gắng để chơi! (

Tại sao!?! tôi đang làm gì sai?

btw: từ HTML5 (including next generation additions still in development) 2.6.1 Protocol concepts Tác nhân người dùng có thể triển khai nhiều giao thức truyền, nhưng đặc tả này chủ yếu xác định hành vi theo HTTP. [HTTP]

Phương thức HTTP GET tương đương với hành động truy xuất mặc định của giao thức. Ví dụ, RETR trong FTP. Các hành động như vậy là không đáng kể và an toàn, theo thuật ngữ HTTP.

Mã phản hồi HTTP tương đương với trạng thái trong các giao thức khác có cùng ý nghĩa cơ bản. Ví dụ: lỗi "tệp không tìm thấy" tương đương với mã 404, lỗi máy chủ tương đương với mã 5xx, v.v.

Tiêu đề HTTP tương đương với các trường trong các giao thức khác có cùng ý nghĩa cơ bản. Ví dụ, các tiêu đề xác thực HTTP tương đương với các khía cạnh xác thực của giao thức FTP.

+0

đây bạn có thể tìm thấy một số thông tin bổ sung và liên kết mà bạn có thể sử dụng:

+0

Hơi liên quan đến vấn đề này: http://stackoverflow.com/questions/17014317/playing-mp3-shoutcast-streams-with-html5-audio-in-firefox?answertab=votes#tab-top – spender

Trả lời

10

Bạn không thể làm điều đó với ShoutCast nhưng với Icecast và khách hàng edcast bạn có thể phát trực tiếp vorbis máng sống HTML5 <audio> thẻ. Chỉ cần trỏ tới số http://your-url.com:port/stream.ogg: p

+7

bạn có biết phát sóng trực tiếp trong ogg không? – Rella

+5

@Blender, Có rất nhiều đài phát thanh trong OGG! http://dir.xiph.org/by_format/Ogg_Vorbis – Brad

1

Vâng, Firefox và Opera không hỗ trợ các codec không phải miễn phí như mp3 (như với Opera 10.5 alpha, FF 3.5 trở lên chỉ hỗ trợ PCM wav và Ogg Vorbis cho âm thanh). Tuy nhiên, tôi tin rằng Chrome và Safari hỗ trợ MP3.

Vấn đề tiếp theo là URL của bạn dường như trỏ đến trang web mô tả luồng chứ không phải luồng. Cuối cùng, theo như tôi biết, không ai đã triển khai trình phân tích danh sách phát cho phần tử âm thanh (thông số chỉ đề cập đến tệp âm thanh chứ không phải danh sách phát) tải danh sách phát thay vì luồng thô.

+0

từ "Đài phát thanh web" tồn tại ở đây rất nhiều (trong đặc điểm kỹ thuật) http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#attr-media-src – Rella

+0

Quyền của bạn, tôi đã xem xét wro ng nơi. –

16

HTML5 không chỉ định định dạng âm thanh (cho dù là tiến bộ hoặc phát trực tiếp) mà trình phát phải hỗ trợ. Đó là cho trình duyệt để xác định, dựa trên nhu cầu và tính khả thi thực hiện. Trong các bản nháp trước đó, chúng tôi đã cố gắng chỉ định một vài codec và định dạng cơ sở mà tất cả các trình duyệt phải hỗ trợ, nhưng mỗi định dạng có thể khiến một số nhà cung cấp trình duyệt từ chối triển khai nó.

Sau đây dường như làm việc trong Safari (4.0.4, WebKit đêm 6531.21.10, r54538, Mac OS X 10.6.2), nhưng không phải Chrome hoặc Firefox:

<!DOCTYPE html> 
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio> 

(lưu ý rằng <audio> đòi hỏi một thẻ kết thúc trong tuần tự hóa HTML, nó không thể sử dụng thẻ tự đóng kiểu XML và tôi cần phải bao gồm controls hoặc autoplay để thực sự bắt đầu âm thanh)

Điều này có thể do thực tế là Safari được hỗ trợ cho Shoutcast "miễn phí" vì nó chỉ sử dụng QuickTime để xử lý bất kỳ URL âm thanh và video nào được cung cấp và QuickTime đã có hỗ trợ cho Shoutcast.Điều này cũng có thể dẫn đến một số lỗi lạ, như thực hiện HTTP của QuickTime là, tốt, quirky, để đặt nó vui lòng.

Tôi khuyên bạn nên gửi các lỗi yêu cầu hỗ trợ Shoutcast trong các trình duyệt không hỗ trợ nó. Dưới đây là trình theo dõi lỗi cho Firefox (Gecko/Mozilla), Chrome (Chromium)Safari (nếu điều đó xảy ra không hoạt động trên Windows hoặc tương tự như vậy).

+0

Tôi cho rằng nó không chỉ định bất cứ điều gì về các định dạng streaming để hỗ trợ? Hoặc bạn sẽ nói nếu nó hỗ trợ một codec âm thanh, nó "sẽ" hỗ trợ streaming trong định dạng đó thường? – rogerdpack

39

Thêm dấu chấm phẩy vào cuối yêu cầu http. Đó là giao thức được đặt ra bởi shoutcast để ghi đè lên phát hiện trình duyệt của nó. Giống như ví dụ sau:

<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio> 
+0

Tính năng này hoạt động cho trang web của tôi mà tôi đã thực hiện cho đài phát thanh trực tuyến của trường học của mình. Họ sử dụng các phím tắt phát sóng luồng mpeg. Không cần javascript –

+0

Thực ra, đối với tôi dấu chấm phẩy làm tăng 404 (Không tìm thấy tệp). Tôi vừa mở giao diện quản trị icecast từ nơi tôi có thể tìm và mở điểm gắn luồng và tôi đã sao chép phần tử HTML (đó là video, nhưng âm thanh cũng hoạt động) vào giao diện người dùng của tôi. Rock'n'roll :) – metakermit

+0

Tôi gặp lỗi trong trình phát sau khi tải! –

2
<audio controls src="http://example.com:8000/mountpath;"></audio> 
4

tốt Tôi đã kiểm tra ogg_vorbis trạm. Tôi đã tải xuống một số danh sách phát và mở nó trong notepad và sao chép url của luồng. Vì vậy, nếu bạn muốn thử nghiệm nó chỉ cần sao chép này vào tập tin rỗng và đặt tên là something.html.

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>audio testing live stream!</title> 
    </head> 
    <body> 
    <audio controls="controls" autoplay="autoplay" src="http://oggvorbis.tb-stream.net:80/technobase.ogg"> 
    </audio> 
    </body> 
</html> 

là vậy!

BB

3

đọc đặc tả HTML 5 âm thanh (http://www.w3schools.com/html5/html5_audio.asp) phác thảo W3C mà định dạng (MP3 hoặc OGG) được hỗ trợ bởi trình duyệt mà

những gì tôi sẽ làm là có một máy chủ Icecast (không ShoutCast) trình chiếu một đoạn nhạc MP3 và một dòng OGG

sử dụng javascript phát hiện các loại trình duyệt - http://www.javascripter.net/faq/browsern.htm

if (trình duyệt không hỗ trợ HTML5) { in một thông điệp - Sử dụng trình duyệt mới }

if (trình duyệt hỗ trợ HTML5 và OGG streaming (sử dụng danh sách từ W3C)) { sử dụng các dòng OGG từ máy chủ Icecast trong thẻ SRC }

if (trình duyệt hỗ trợ HTML5 MP3 streaming (danh sách sử dụng từ W3C)) { sử dụng các dòng MP3 từ máy chủ Icecast trong thẻ SRC }

tôi nghĩ rằng điều này sẽ bao gồm tất cả các trình duyệt chính và sẽ giải quyết hầu hết các dân tộc vấn đề có thể bạn sẽ tìm thấy trong tương lai điều này sẽ bị xóa kiến càng nhiều trình duyệt hỗ trợ

+2

Hỗ trợ phát hiện trình duyệt và ma trận hỗ trợ W3C là một đường dẫn đến sự điên rồ. Có một cách có lập trình để phát hiện hỗ trợ luồng. Soundcloud sử dụng nó và họ đã tạo http://areweplayingyet.org này, bạn có thể kiểm tra mã trên github để xem chúng hoạt động như thế nào. –

+0

Vui lòng [KHÔNG] (http://w3fools.com) liên kết với w3schools khi nói về thông số kỹ thuật. Trang web đó có kết nối ZERO với w3c (ngoại trừ những người w3c có thể ghét họ). Nó cũng chứa rất nhiều thông tin lỗi thời, sai hoặc không an toàn. – ThiefMaster

4
<!DOCTYPE html> 
<audio controls src="http://baldyradio.com:8010/;"></audio> 

Điều này hoạt động trong phiên bản phát hành của IE9, Buồn điều tương tự không thể nói cho FireFox 4!

2

Các bài đăng ở trên cung cấp câu trả lời đúng, mặc dù chúng không đề cập đến việc sử dụng số cắt giảm. Đảm bảo /; có sau URL luồng và cổng.

<audio src="http://shoutcast.internet-radio.org.uk:10272/;" /> 
0

Có bạn có thể chơi ShoutCast2 tôi sử dụng nó như thế này theo cách này

<audio preload="none" autoplay="autoplay" controls="controls"> 
    <source src="http://178.32.62.172:9079/stream" type="audio/mpeg"> 
    Your browser does not support this player, please update the version 
</audio> 
Các vấn đề liên quan