I am working on a broadcasting soft

I am working on a broadcasting software, using the server-client model.

Video+audio data is captured in the broadcaster's browser using getUserMedia and MediaRecorder APIs. The data is chunked every ~200ms using setInterval and sent to the server via WebSockets.

The server will then broadcast the received blobs to a list of receiver clients.

The receiver has a element whose source is set to a MediaSource object, which has a sourceBuffer element and data is appended to it every time the client receives data from the WebSocket server.

The problem is that the video doesn't actually play and it stays in a state of constant buffering and it only shows the very first frame that it receives. I can however play each chunk received (both audio and video) by resetting video source to the url created for each blob and then calling video.play(), so the data is received and broadcasted by the server is intact. (mind you, this "buffering" method has a very unpleasant side-effect: video element flashes white every time play() is called).

Here is the code for the receiver

Kết quả (Việt) 1:

Tôi đang làm việc trên một phần mềm phát sóng, bằng cách sử dụng các mô hình máy chủ-khách hàng.Video + dữ liệu âm thanh bị bắt trong trình duyệt của đài truyền hình bằng cách sử dụng getUserMedia và MediaRecorder API. Dữ liệu bỏ mỗi ~ 200ms bằng cách sử dụng setInterval và gửi đến máy chủ thông qua WebSockets.Hệ phục vụ sau đó sẽ phát sóng các đốm màu đã nhận được một danh sách các khách hàng nhận.Người nhận có một yếu tố mã nguồn mà được thiết lập để một đối tượng MediaSource, trong đó có một sourceBuffer nguyên tố và dữ liệu được gắn vào nó mỗi khi khách hàng nhận được dữ liệu từ máy chủ WebSocket.Vấn đề là rằng video không thực sự chơi và nó vẫn trong trạng thái liên tục đệm và nó chỉ cho thấy khung đầu tiên nó nhận được. Tôi Tuy nhiên có thể chơi mỗi đoạn nhận được (cả hai âm thanh và video) bằng cách đặt lại nguồn video đến url tạo ra cho mỗi blob và sau đó gọi điện thoại video.play(), do đó, các dữ liệu nhận được và phát sóng của máy chủ là nguyên vẹn. (tâm trí bạn, phương pháp "đệm" này có một tác dụng phụ rất khó chịu: video yếu tố nhấp nháy trắng mỗi khi play() được gọi là).Đây là mã cho người nhận

Kết quả (Việt) 2:

Tôi đang làm việc trên một phần mềm phát sóng, sử dụng mô hình máy chủ-khách hàng. Video + dữ liệu âm thanh được ghi lại trong trình duyệt của đài truyền hình sử dụng getUserMedia và MediaRecorder API. Các dữ liệu được chửi rủa mỗi ~ 200ms sử dụng setInterval và gửi đến máy chủ thông qua WebSockets. Sau đó máy chủ sẽ phát sóng các đốm màu để nhận được một danh sách các khách hàng nhận. Người nhận có một





yếu tố mà nguồn gốc được thiết lập để một đối tượng MediaSource, trong đó có một yếu tố sourceBuffer và dữ liệu được nối thêm vào nó mỗi khi khách hàng nhận được dữ liệu từ máy chủ WebSocket. Vấn đề là các video không thực sự chơi và nó vẫn ở trong trạng thái buffering đổi và nó chỉ hiển thị khung hình đầu tiên mà nó nhận được. Tuy nhiên tôi có thể chơi mỗi chunk nhận (cả âm thanh và video) bằng cách đặt lại nguồn video để các url tạo cho mỗi blob và sau đó gọi video.play (), vì vậy dữ liệu được nhận và được phát sóng bởi các máy chủ là nguyên vẹn. (tâm trí bạn, phương pháp "đệm" này có một rất khó chịu tác dụng phụ: nhấp nháy yếu tố video trắng mỗi khi chơi () được gọi). Đây là mã cho người nhận