Video trực tiếp HTML5

1 、 Phát triển truyền hình trực tiếp video trên thiết bị di động

Có thể thấy, từ PC đến di động ngày càng có nhiều ứng dụng phát sóng trực tuyến, và phát sóng di động bước vào giai đoạn bùng nổ chưa từng có. Tuy nhiên, đối với hầu hết các chương trình phát trực tiếp trên thiết bị di động, nó vẫn được thực hiện chủ yếu bởi các máy khách gốc, nhưng HTML5 cũng đóng một vai trò không thể thay thế trong đầu phát trực tiếp trên thiết bị di động, chẳng hạn như HTML5 Với ưu điểm là truyền nhanh và dễ phát hành, HTML5 cũng có thể phát trực tiếp video khi nó là quan trọng nhất.

Toàn bộ chương trình phát sóng trực tiếp có thể được chia thành những phần sau:
(1) Thiết bị đầu cuối ghi video: Nói chung, nó là một thiết bị đầu vào âm thanh và video máy tính hoặc một máy ảnh hoặc micrô ở thiết bị đầu cuối di động. Hiện tại, video trên điện thoại di động là phần chính.
(2) Trình phát video: nó có thể là trình phát trên máy tính, trình phát gốc trên điện thoại di động và nhãn video HTML5. Hiện tại, nó vẫn là người chơi bản địa chính trên điện thoại di động.
(3) Máy chủ video: nói chung, nó là một máy chủ nginx, được sử dụng để chấp nhận nguồn video do phía quay video cung cấp và cung cấp dịch vụ phát trực tuyến cho đầu phát lại video.

2 、 Quay video HTML5:
Để quay video HTML5, webrtc mạnh mẽ (giao tiếp thời gian thực WEB) là công nghệ hỗ trợ đàm thoại video hoặc thoại trong thời gian thực trong trình duyệt web. Điểm bất lợi là nó chỉ hỗ trợ tốt hơn trên PC chrome và mặt di động không lý tưởng.
Quy trình cơ bản để quay video bằng webrtc là:
Gọi window.navigator.webkitGetUserMedia (lấy dữ liệu video của camera PC của người dùng).
Chuyển đổi dữ liệu luồng video có được sang window.webkitRTCPeerConnection (một định dạng dữ liệu luồng video).
Sử dụng websocket để truyền dữ liệu luồng video đến máy chủ
Do nhiều phương thức cần phải có tiền tố trình duyệt, nhiều trình duyệt di động không hỗ trợ webrtc nên việc quay video thật vẫn do client (IOS, Android) thực hiện và hiệu quả sẽ tốt hơn.

3 、 HTML5 phát video trực tiếp:
Để phát lại video, bạn có thể sử dụng giao thức HLS (phát trực tiếp HTTP) để phát trực tiếp. Cả iOS và Android đều hỗ trợ giao thức này một cách tự nhiên. Nó rất đơn giản để cấu hình và sử dụng các thẻ video trực tiếp.
Đây là một mã đơn giản để phát video trực tiếp bằng video:
(1) giao thức HLS là gì:
Nói tóm lại, toàn bộ luồng được chia thành các tệp nhỏ, được tải xuống dựa trên HTTP. Chỉ một số được tải xuống cùng một lúc. Tệp đã đề cập trước đó của.M3u8 được giới thiệu trong HTML5 phát video trực tiếp dựa trên giao thức HLS, lưu trữ siêu dữ liệu của luồng video.
Mỗi tệp.M3u8 tương ứng với một số tệp TS, là dữ liệu để lưu trữ video thực. Tệp m3u8 chỉ lưu trữ thông tin cấu hình và đường dẫn liên quan của một số tệp TS. Khi video được phát, tệp.M3u8 sẽ tự động thay đổi. Nhãn video sẽ phân tích cú pháp tệp và tìm tệp TS tương ứng để phát. Vì vậy để tăng tốc độ, file.M3u8 sẽ được dùng để phân tích file và tìm ra file TS tương ứng để phát lại. Do đó, để tăng tốc độ, file.M3u8 sẽ được sử dụng để phân tích tệp và tìm ra tệp TS tương ứng để phát lại. Do đó, để tăng tốc Hãy đặt nó trên máy chủ web và tệp TS trên CDN.
Tệp.M3u8 thực sự là một tệp M3U được mã hóa bằng UTF-8. Tệp này không thể tự phát mà chỉ là tệp văn bản chứa thông tin phát lại.

(2) Quy trình yêu cầu HLS:
URL của yêu cầu HTTP m3u8.
Máy chủ trả về danh sách phát m3u8, được cập nhật theo thời gian thực. Nói chung, URL của 5 phân đoạn dữ liệu được cung cấp cùng một lúc.
Máy khách phân tích cú pháp danh sách phát m3u8, sau đó yêu cầu URL của từng phân đoạn để lấy luồng dữ liệu TS.

(3) Độ trễ phát sóng trực tiếp HLS:
Chúng tôi biết rằng giao thức HLS chia luồng trực tiếp thành một đoạn video nhỏ để tải xuống và phát. Vì vậy, giả sử rằng danh sách có 5 tệp TS, mỗi tệp TS chứa 5 giây nội dung video, thì độ trễ tổng thể là 25 giây. Vì khi bạn xem những video này thì host đã quay video và tải lên nên bị chậm là do vậy. Tất nhiên, độ dài danh sách và kích thước của một tệp TS có thể được rút ngắn để giảm độ trễ. Trong trường hợp cực đoan, độ dài danh sách có thể giảm xuống 1 và thời lượng TS là 1 giây. Tuy nhiên, điều này sẽ làm tăng số lượng yêu cầu và tăng áp lực cho máy chủ. Khi tốc độ mạng chậm, bộ đệm sẽ được tạo ra nhiều hơn. Do đó, thời gian TS mà Apple khuyến nghị chính thức kéo dài trong 10s, vì vậy nó sẽ thay đổi rất nhiều về độ trễ 30s. Vì vậy, máy chủ nhận luồng, chuyển mã, lưu, cắt khối và sau đó phân phối nó cho máy khách. Đây là nguyên nhân sâu xa của sự chậm trễ.
Để biết thêm câu hỏi về sự chậm trễ, vui lòng tham khảo địa chỉ chính thức của Apple:
https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html

Tuy nhiên, video trực tiếp HTML5 có một số lợi thế không thể thay thế:
① Giao tiếp tốt, dễ dàng chia sẻ và các thao tác khác.
② Nó có thể được phát hành động, có lợi cho việc lặp lại theo thời gian thực các yêu cầu của sản phẩm và khởi chạy nhanh chóng.
③ Không cần cài đặt ứng dụng, hãy mở trình duyệt trực tiếp.

4 、 Hệ điều hành dữ liệu âm thanh và video thu thập (ghi) iOS
Để thu nhận và ghi lại âm thanh và video, trước tiên, các khái niệm sau được làm rõ:
（1） Mã hóa video: mã hóa video đề cập đến cách một tệp ở định dạng video được chuyển đổi thành tệp định dạng video khác thông qua một công nghệ nén cụ thể. Video được quay bằng iPhone mà chúng tôi sử dụng phải được mã hóa, tải lên và giải mã trước khi có thể phát trong trình phát phía người dùng.
（2） Codec standard: các tiêu chuẩn codec quan trọng nhất trong việc truyền dòng video bao gồm H.261, H.263 và H.264 của ITU, trong đó giao thức HLS hỗ trợ mã hóa định dạng H.264.
（3） Mã hóa âm thanh: tương tự như mã hóa video, luồng âm thanh gốc được mã hóa, tải lên, giải mã theo các tiêu chuẩn nhất định và phát trong trình phát. Tất nhiên, âm thanh cũng có nhiều tiêu chuẩn mã hóa, chẳng hạn như mã PCM, mã wma, mã AAC,… phương pháp mã hóa âm thanh được hỗ trợ bởi giao thức HLS của chúng tôi là mã AAC.

Việc thu thập dữ liệu video và âm thanh chủ yếu được chia thành các bước sau:

（1） thu thập dữ liệu video và âm thanh bằng cách sử dụng máy ảnh trên IOS
（2） Trong IOS, luồng dữ liệu âm thanh và video gốc có thể được thu thập bằng avcapturesession và avcapturedevice.
（3） Video được mã hóa bằng h264 và âm thanh được mã hóa AAC. Trong IOS, đã có sẵn các thư viện mã hóa đóng gói để thực hiện mã hóa âm thanh và video.
（4） Dữ liệu âm thanh và video sau khi mã hóa được tập hợp và niêm phong;
（5） Thiết lập kết nối RTMP và đẩy nó lên máy chủ.

Sau đây là quy trình cụ thể của việc thu thập dữ liệu âm thanh và video:
(1) về RTMP:
Giao thức nhắn tin thời gian thực (RTMP) là một bộ giao thức video trực tiếp được phát triển bởi Macromedia và hiện thuộc về adobe. Như với HLS, nó có thể được sử dụng để phát video. Sự khác biệt là RTMP không thể phát trong trình duyệt IOS dựa trên flash, nhưng nó tốt hơn trong thời gian thực so với HLS. Vì vậy, giao thức này thường được sử dụng để tải lên luồng video, tức là luồng video được đẩy đến máy chủ.

(2) dòng chảy đẩy
Cái gọi là phát trực tuyến đề cập đến việc gửi dữ liệu âm thanh và video mà chúng tôi đã mã hóa đến máy chủ luồng video. Trong mã IOS, truyền trực tuyến RTMP thường được sử dụng. Librtmp IOS, một thư viện của bên thứ ba, có thể được sử dụng để phát trực tuyến. Librtmp đóng gói một số API cốt lõi để người dùng gọi. Ví dụ: đẩy API, v.v., định cấu hình địa chỉ máy chủ, sau đó đẩy luồng video chuyển mã đến máy chủ.
Vậy làm thế nào để xây dựng một máy chủ phát trực tuyến?
Máy chủ phát trực tuyến đơn giản được xây dựng. Vì luồng video chúng tôi tải lên dựa trên giao thức RTMP nên máy chủ phải hỗ trợ RTMP. Có thể thực hiện theo các bước sau:
（1） Cài đặt máy chủ nginx.
（2） Phần mở rộng RTMP của nginx đã được cài đặt. Định cấu hình tệp conf cho nginx
（3） Khởi động lại nginx và ghi địa chỉ phát trực tuyến của RTMP dưới dạng rtmp: // ip: 1935 / hls / mystream, trong đó HLS_ Path đại diện cho địa chỉ của các tệp.M3u8 và TS được tạo, HLS_ Fragment đại diện cho độ dài của lát cắt và dòng mystream đại diện cho một thể hiện. Tên tệp được tạo có thể được đặt bởi chính nó.

5 、 Tương tác của người dùng trong chương trình phát sóng trực tiếp:
Đối với tương tác của người dùng trong phát sóng trực tiếp, nó có thể được chia đại khái thành:
tặng quà.
Để bình luận hoặc chơi
Đối với việc gửi quà, DOM và CSS3 có thể được sử dụng để nhận ra logic của việc gửi quà và một số hoạt ảnh quà tặng đặc biệt trên HTML5. Những khó khăn về kỹ thuật không lớn lắm.
Đối với một đập, phức tạp hơn một chút, bạn có thể cần phải chú ý những điều sau:
Hiệu suất thời gian thực của đường đạn có thể được gửi và nhận trong thời gian thực bằng webscock và kết xuất.
Đối với các trình duyệt không hỗ trợ websocket, chúng chỉ có thể bị giảm xuống mức gửi yêu cầu bỏ phiếu dài hoặc gửi bộ hẹn giờ giao diện người dùng để có được cửa sổ bật lên theo thời gian thực.
Hoạt ảnh và phát hiện va chạm (tức là không có chồng chéo), v.v. trong kết xuất

Làm thế nào đến nay (dài) bìa phát?

Phạm vi truyền tải phụ thuộc vào nhiều yếu tố. Khoảng cách thật sự dựa trên ăng ten lắp đặt chiều cao, ăng-ten, sử dụng môi trường như xây dựng và các vật cản khác, nhạy của máy thu, ăng ten của máy thu. Lắp đặt ăng ten cao hơn và sử dụng ở nông thôn, khoảng cách sẽ nhiều hơn rất nhiều.

VÍ DỤ 5W FM Transmitter sử dụng trong thành phố và quê hương:

Tôi có một Mỹ sử dụng của khách hàng 5W fm transmitter với GP ăng ten tại quê hương của mình, và ông thử nghiệm nó với một chiếc xe, nó bao gồm 10km (6.21mile).

Tôi kiểm tra fm transmitter 5W với GP ăng-ten ở quê hương của tôi, nó chiếm khoảng 2km (1.24mile).

Tôi kiểm tra fm transmitter 5W với ăng ten GP tại thành phố Quảng Châu, nó chiếm khoảng chỉ 300meter (984ft).

Dưới đây là phạm vi gần đúng của máy phát điện FM khác nhau. (Phạm vi đó là đường kính)

0.1W ~ 5W FM Transmitter: 100M ~ 1KM

5W ~ 15W FM Ttransmitter: 1KM ~ 3KM

15W ~ 80W FM Transmitter: 3KM ~ 10KM

80W ~ 500W FM Transmitter: 10KM ~ 30KM

500W ~ 1000W FM Transmitter: 30KM ~ 50KM

1KW ~ 2KW FM Transmitter: 50KM ~ 100KM

2KW ~ 5KW FM Transmitter: 100KM ~ 150KM

5KW ~ 10KW FM Transmitter: 150KM ~ 200KM

Làm thế nào để liên hệ với chúng tôi để phát?

Hãy gọi cho tôi + 8618078869184 HOẶC
Gửi thư điện tử cho tôi [email được bảo vệ]
1.How xa bạn muốn bao gồm đường kính?
2.How cao của bạn tháp?
3.Where là bạn từ đâu?
Và chúng tôi sẽ cung cấp cho bạn lời khuyên chuyên nghiệp hơn.

Về chúng tôi

FMUSER.ORG là một công ty tích hợp hệ thống tập trung vào truyền phát / thu thập dữ liệu và thiết bị âm thanh video không dây RF. Chúng tôi đang cung cấp mọi thứ từ tư vấn và tư vấn thông qua tích hợp giá đỡ đến lắp đặt, vận hành và đào tạo.

Chúng tôi cung cấp Máy phát FM, Máy phát TV Analog, Máy phát TV kỹ thuật số, Máy phát VHF UHF, Ăng-ten, Đầu nối cáp đồng trục, STL, Xử lý không khí, Sản phẩm phát sóng cho Studio, Giám sát tín hiệu RF, Bộ mã hóa RDS, Bộ xử lý âm thanh và Thiết bị điều khiển từ xa, Sản phẩm IPTV, Bộ mã hóa / giải mã video / âm thanh, được thiết kế để đáp ứng nhu cầu của cả các mạng phát sóng quốc tế lớn và các đài tư nhân nhỏ.

Giải pháp của chúng tôi có Đài phát thanh FM / Đài truyền hình tương tự / Đài truyền hình kỹ thuật số / Thiết bị phòng thu âm thanh video / Liên kết máy phát studio / Hệ thống đo xa máy phát / Hệ thống truyền hình khách sạn / Truyền hình trực tiếp IPTV / Truyền phát trực tiếp / Hội nghị video / Hệ thống truyền hình CATV.

Chúng tôi đang sử dụng các sản phẩm công nghệ tiên tiến cho tất cả các hệ thống, bởi vì chúng tôi biết độ tin cậy cao và hiệu suất cao rất quan trọng đối với hệ thống và giải pháp. Đồng thời chúng tôi cũng phải đảm bảo hệ thống sản phẩm của mình với giá cả rất hợp lý.

Chúng tôi có khách hàng của các đài truyền hình công cộng và thương mại, nhà khai thác viễn thông và cơ quan quản lý, và chúng tôi cũng cung cấp giải pháp và sản phẩm cho hàng trăm đài truyền hình nhỏ hơn, địa phương và cộng đồng.

FMUSER.ORG đã xuất khẩu hơn 15 năm và có khách hàng trên khắp thế giới. Với kinh nghiệm 13 năm trong lĩnh vực này, chúng tôi có một đội ngũ chuyên nghiệp để giải quyết tất cả các loại vấn đề của khách hàng. Chúng tôi tận tâm cung cấp giá cả cực kỳ hợp lý của các sản phẩm và dịch vụ chuyên nghiệp. Địa chỉ email liên lạc : [email được bảo vệ]

Nhà máy của chúng tôi

Chúng ta có hiện đại hóa của nhà máy. Bạn được chào đón đến thăm nhà máy của chúng tôi khi bạn đến Trung Quốc.

Hiện nay, đã có khách hàng 1095 trên thế giới đã đến thăm văn phòng Quảng Châu Thiên Hà của chúng ta. Nếu bạn đến Trung Quốc, bạn đều được chào đón đến thăm chúng tôi.

tại Hội chợ

Đây là sự tham gia của chúng tôi trong 2012 Global Sources Hội chợ điện tử Hồng Kông . Khách hàng từ khắp nơi trên thế giới cuối cùng đã có một cơ hội để có được với nhau.

Trường Fmuser là?

Bạn có thể tìm kiếm những con số này " 23.127460034623816,113.33224654197693 "trong bản đồ google, sau đó bạn có thể tìm thấy văn phòng fmuser của chúng tôi.

FMUSER Quảng Châu văn phòng là ở quận Thiên Hà là trung tâm của Canton . Rất ở gần đến Canton Fair , ga đường sắt Quảng Châu, xiaobei đường và dashatou , chỉ cần 10 phút nếu mất XE TẮC XI . Chào mừng bạn bè xung quanh thế giới đến thăm và đàm phán.

Liên hệ: Blue Sky
Di động: + 8618078869184
WhatsApp: + 8618078869184
Wechat: + 8618078869184
E-mail: [email được bảo vệ]
QQ: 727926717
Skype: sky198710021
Địa chỉ: Phòng No.305 HuiLan Building No.273 Huanpu đường Quảng Châu Trung Quốc Zip: 510620

Anh: Chúng tôi chấp nhận tất cả các khoản thanh toán, chẳng hạn như PayPal, Thẻ tín dụng, Western Union, Alipay, Money Bookers, T / T, LC, DP, DA, OA, Payoneer, Nếu bạn có bất kỳ câu hỏi nào, vui lòng liên hệ với tôi [email được bảo vệ] hoặc WhatsApp + 8618078869184

PayPal.  www.paypal.com

Chúng tôi khuyên bạn nên sử dụng Paypal để mua các mặt hàng của chúng tôi, The Paypal là một cách an toàn để mua trên internet.

Mỗi đáy trang danh mục của chúng tôi trên đầu có một logo paypal để thanh toán.

Thẻ tín dụng.Nếu bạn không có paypal, nhưng bạn có thẻ tín dụng, bạn cũng có thể nhấp vào nút PayPal vàng để trả bằng thẻ tín dụng của bạn.

-------------------------------------------------- -------------------

Nhưng nếu bạn không có thẻ tín dụng và không có một tài khoản paypal hoặc khó khăn để có một accout paypal, Bạn có thể sử dụng sau đây:
Western Union.  www.westernunion.com

Trả tiền bằng Western Union cho tôi:

Tên / Tên được đặt: Yingfeng
Họ / Họ / Tên gia đình: Zhang
Tên đầy đủ: Yingfeng Zhang
Quốc gia: Trung Quốc
Thành phố: Quảng Châu

-------------------------------------------------- -------------------

T / T.  Thanh toán by T / T (chuyển khoản / điện báo chuyển / Chuyển khoản)
THÔNG TIN NGÂN HÀNG ĐẦU TIÊN (TÀI KHOẢN CÔNG TY):

SWIFT BIC: BKCHHKHHXXX
Tên ngân hàng: NGÂN HÀNG TRUNG QUỐC (HỒNG KÔNG) LIMITED, HỒNG KÔNG
Địa chỉ ngân hàng: NGÂN HÀNG CHINA TOWER, 1 GARDEN ROAD, CENTRAL, HỒNG KÔNG
MÃ NGÂN HÀNG: 012
Tên tài khoản: FMUSER QUỐC TẾ LIMITED
Tài khoản số : 012-676-2-007855-0

-------------------------------------------------- -------------------
THÔNG TIN NGÂN HÀNG THỨ XNUMX (TÀI KHOẢN CÔNG TY):
Người thụ hưởng: Fmuser International Group Inc
Số tài khoản: 44050158090900000337
Ngân hàng của người thụ hưởng: Ngân hàng Xây dựng Trung Quốc Chi nhánh Quảng Đông
Mã SWIFT: PCBCCNBJGDX
Địa chỉ: SỐ 553 Đường Thiên Hà, Quảng Châu, Quảng Đông, Quận Thiên Hà, Trung Quốc
** Lưu ý: Khi bạn chuyển tiền vào tài khoản ngân hàng của chúng tôi, vui lòng KHÔNG ghi bất cứ điều gì vào phần ghi chú, nếu không chúng tôi sẽ không thể nhận được khoản thanh toán do chính sách của chính phủ về kinh doanh thương mại quốc tế.

* Nó sẽ được gửi trong 1-2 ngày làm việc khi thanh toán rõ ràng.

* Chúng tôi sẽ gửi nó cho địa chỉ paypal của bạn. Nếu bạn muốn thay đổi địa chỉ, xin vui lòng gửi đúng địa chỉ và số điện thoại vào email của tôi [email được bảo vệ]

* Nếu bao bì dưới 2kg, chúng ta sẽ được vận chuyển qua đường bưu đường hàng không, nó sẽ mất khoảng 15-25days để bàn tay của bạn.

Nếu gói đó hơn 2kg, chúng tôi sẽ gửi qua EMS, DHL, UPS, Fedex chuyển phát nhanh nhanh, nó sẽ mất khoảng 7 ~ 15days để bàn tay của bạn.

Nếu gói hơn 100kg, chúng tôi sẽ gửi qua DHL hoặc đường hàng không. Nó sẽ mất khoảng 3 ~ 7days để bàn tay của bạn.

Tất cả các gói có hình thức Trung Quốc Quảng Châu.

* Gói sẽ được gửi như một "món quà" và declear càng ít càng tốt, người mua không cần phải trả "THUẾ".

* Sau khi con tàu, chúng tôi sẽ gửi cho bạn một e-mail và cung cấp cho bạn số lượng theo dõi.

Để được bảo hành.
Liên hệ với chúng tôi --- >> Trả hàng cho chúng tôi --- >> Nhận và gửi một sản phẩm thay thế khác.

Tên: Liu Xiaoxia
Địa chỉ: 305Fang HuiLanGe HuangPuDaDaoXi 273Hao TianHeQu Quảng Châu Trung Quốc.
Zip: 510620
Điện thoại: + 8618078869184

Hãy quay trở lại địa chỉ này và ghi địa chỉ paypal, tên, vấn đề của bạn vào lưu ý: