2012-02-10 38 views
22

Im thử các tính năng mới và thú vị của chrome canary 19.Gửi video camera từ trình duyệt đến máy chủ

Tôi về cơ bản có thể lấy video từ web-cam và đặt nó thành phần tử nguồn cho thẻ video.

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Camera capture</title> 
    <script> 
     var localStream; 
     var localStreamObjUrl; 
     window.onload = function() { 
      navigator.webkitGetUserMedia("audio, video", gotStream); 
     } 
     function gotStream(stream) { 
      localStream = stream; 
      localStreamObjUrl = webkitURL.createObjectURL(localStream); 
      var video = document.getElementById("selfView"); 
      video.src = localStreamObjUrl; 
     } 
    </script> 
</head> 
<body> 
    <video id="selfView" autoplay audio=muted></video> 
</body> 
</html> 

Từ ví dụ tại https://apprtc.appspot.com, chúng ta có thể lấy các video và chuyển nó đến một peer ...

Câu hỏi của tôi là, tôi có thể tránh làm tất cả các traversal để có được một kết nối p2p và trực tiếp tải lên video đến một máy chủ? Id muốn có thể chuyển tiếp luồng video thay vì gửi p2p.

+0

Tôi quan tâm để xem có ai có một số cái nhìn sâu sắc này. – andyzinsser

Trả lời

5

Bạn cần một số loại máy chủ phương tiện truyền trực tuyến ở mặt sau.

Quá trình này sẽ là:

  1. chụp thức ăn
  2. gửi nó đến máy chủ
  3. chuyển mã sang các định dạng khách hàng khác nhau
  4. quản lý ngoài suối

Có rất nhiều giống miễn phí và trả phí có sẵn:

Thông tin thêm về chuyển mã: xuggler
Các 'quân đội Thụy Sĩ dao' của phương tiện truyền thông: ffmpeg

và vân vân.

0

Bạn có thể thử nimbb (http://nimbb.com; chúng có cơ sở flash & HTML5 chụp) và đẩy video tới Brightcove (http://www.brightcove.com/) để chuyển mã sang định dạng khách hàng khác nhau.

Họ có tích hợp api. Chỉ có vấn đề là chi phí.

1

Ồ, câu hỏi đã gần hai tuổi và vẫn có liên quan. Hiện tại, hai tùy chọn bạn có là cho phép luồng máy ảnh vào canvas để thường xuyên gửi ảnh chụp màn hình đến máy chủ của bạn (dễ dàng nhưng rất chậm) hoặc sử dụng WEBRTC để truyền dữ liệu. Thật không may, hỗ trợ cho WEBRTC ở phía máy chủ vẫn không tốt vì không có quá nhiều thư viện webrtc cho các ngôn ngữ lập trình phổ biến.

0

Tôi đã phát triển các giải pháp quay video cho phần tốt hơn trong 5 năm qua và đóng góp rất nhiều vào việc sửa các lỗi quay video trong Red5.

Trên màn hình, bạn có thể sử dụng ứng dụng khách Flash + máy chủ phương tiện (Red5, Wowza, Adobe Media Server) và trên thiết bị di động, bạn có thể sử dụng HTML Media Capture.

tôi đã đưa ra một câu trả lời chi tiết về một câu hỏi tương tự tại Record video on browser and upload to LAMP server

Các vấn đề liên quan