Giám sát video qua trình duyệt. Tại sao chúng ta không thấy WebRTC được áp dụng rộng rãi?
Tôi thường được hỏi cách kiểm tra webcam trên máy tính. Đây có vẻ là một câu hỏi kỳ lạ, nhưng không có gì lạ trong đó - nó thực sự không dễ thực hiện đối với người dùng thiếu kinh nghiệm.
Thực tế là nếu không có một chương trình nào được cài đặt trên máy tính hoạt động trực tiếp với webcam (ví dụ: Skype hoặc Viber), thì thực tế không có nơi nào để bật nó lên để kiểm tra chức năng của nó.
Chỉ là thông thường chỉ có trình điều khiển máy ảnh được đăng ký trong hệ thống để hoạt động và nó GUI không có.
Tất nhiên, một số nhà sản xuất cung cấp cho nó một trình điều khiển tiện ích đặc biệt, nhưng thứ nhất - không phải tất cả, thứ hai - chương trình riêng biệt trong hệ thống để kiểm tra (cứ một trăm năm một lần) chức năng của webcam? Vâng, tôi không biết, tôi không biết.
Cách kiểm tra webcam theo chương trìnhNếu bạn định tham gia trò chuyện video hoặc liên lạc trực tuyến với bạn bè và người thân, hãy cài đặt các chương trình liên lạc thích hợp. Những sản phẩm như vậy luôn có mục thiết lập webcam để bạn có thể dễ dàng kiểm tra hoạt động của nó.
Chuyện xảy ra là bạn không có ai để liên lạc và cần chương trình tương tự không, không thành vấn đề, có một cách khác để kiểm tra camera theo chương trình.
Mới hôm qua thôi, tôi đã mô tả điều tuyệt vời chương trình miễn phí WebCam On-Off, giúp tăng tính bảo mật cho máy tính của bạn được kết nối với Internet, đồng thời có thể kiểm tra chức năng của webcam của bạn chỉ bằng một cú nhấp chuột.
Ngoài ra, chương trình này sẽ giúp ích cho những người dùng không có kết nối Internet (có thực sự có những người như vậy không?).
Cách kiểm tra webcam của bạn trực tuyếnKhông cần cài đặt bất kỳ chương trình nào trên máy tính, bạn cũng có thể kiểm tra hoạt động của webcam - sử dụng những dịch vụ đặc biệt trên mạng.
Có rất nhiều trang web tương tự - tôi sẽ mô tả ngắn gọn ba trang web hàng đầu từ kết quả của công cụ tìm kiếm.
http://ru.webcammictest.com/
...và thế là xong - bạn sẽ nhìn thấy chính mình trên màn hình (tất nhiên là nếu máy ảnh hoạt động bình thường). Bạn cũng có thể kiểm tra micrô của mình trên trang web này - mục menu “Kiểm tra micrô”.
Nhấp vào “Play” và một âm thanh đau lòng sẽ bắt đầu phát ra từ loa, âm thanh này sẽ ngay lập tức được ghi lại bằng micrô - một đường thẳng sẽ biến thành một đường cong thần kinh. Điều này có nghĩa là micrô hoạt động tuyệt vời và hoạt động bình thường.
http://webcamtest.ru/Thuật toán hành động tương tự - bạn cho phép truy cập vào máy ảnh và micrô...
...và nhìn vào con người thân yêu của bạn trên màn hình. Tại đây bạn cũng có thể kiểm tra micrô tích hợp...
Chúng tôi cho phép truy cập lại vào máy ảnh và nhận được kết quả kiểm tra...
Bạn! Thời đại đang đến gần khi hầu hết mọi thứ yêu cầu Flash trong trình duyệt đều có thể được thực hiện mà không cần nó. Không biết bạn thế nào nhưng điều này gợi lên cho tôi rất nhiều cảm xúc tích cực. Một trong những bước hướng tới việc thay thế flash là triển khai API javascript getUserMedia (Stream) trong trình duyệt. TRÊN khoảnh khắc này API luồng để truyền phát video được triển khai trên máy tính để bàn mới nhất Phiên bản Chrome và Opera. Firefox đang đến. Luồng âm thanh “sắp ra mắt”. Tôi thậm chí không biết liệu có mong đợi điều gì từ IE hay không.. về lý thuyết, anh ấy thà chết (.. và anh ấy sẽ chết) hơn là bắt đầu theo kịp những người khác.
Chúng ta hãy xem một ví dụ và sau đó xem nó hoạt động như thế nào:
Hãy tìm hiểu cách nó hoạt động.
Để bắt đầu, chúng ta sẽ cần các yếu tố sau:
Như bạn có thể thấy, nếu thành công, lệnh gọi lại sẽ trả về một đối tượng luồng, dựa vào đó bạn có thể lấy url của luồng video. Bạn có thể thực hiện việc này bằng cách sử dụng window.URL.createObjectURL(stream) , điều này có thể quen thuộc với bạn nếu bạn đã từng sử dụng API tệp js.
JS var url = window.URL.createObjectURL(stream);- chuyển url này tới đối tượng video
- khi nhấp vào nút, chúng tôi sẽ ghi lại khung hình video hiện tại trong khung vẽ
- lấy data:url của hình ảnh thu được từ khung vẽ
- và thế là xong, bạn đã hoàn tất! Bạn có thể làm bất cứ điều gì bạn muốn với nó: gửi nó đến máy chủ, lọc nó, chuyển nó cho bạn bè qua ổ cắm, v.v. Bạn có thể đọc thêm về định dạng base64 và data:url.
Tất nhiên, sẽ tốt hơn và đẹp hơn nếu tạo tất cả các thành phần (canvas, video, ..) một cách linh hoạt, nhưng để rõ ràng và dễ hiểu, trước tiên hãy đặt chúng tĩnh trên trang:
HTML ▲ ▲ ▲ Cho phép camera ▲ ▲ ▲(Bên trên trang hiện tại) canvas video JS window.onload = function () ( var canvas = document.getElementById("canvas"); var video = document.getElementById("video"); var Button = document.getElementById("button"); var allow = document.getElementById("allow"); var context = canvas.getContext("2d"); var videoStreamUrl = false; // hàm sẽ được thực thi khi nhấp vào nút chụp khung hình var captureMe = function () ( if ( !videoStreamUrl ) cảnh báo("Hoặc bạn không nhấp vào "cho phép" ở đầu cửa sổ hoặc có lỗi xảy ra với luồng video của bạn") // lật khung vẽ theo chiều ngang (xem mô tả ở cuối bài viết). dịch(canvas .width, 0); context.scale(-1, 1); // vẽ khung hình video hiện tại trên canvas context.drawImage(video, 0, 0, video.width, video.height); lấy dữ liệu: url của hình ảnh; c canvas var base64dataUrl = canvas.toDataURL("image/png"); context.setTransform(1, 0, 0, 1, 0, 0); ở giai đoạn này, bạn có thể gửi base64dataUrl đến máy chủ một cách an toàn và lưu nó ở đó dưới dạng một tệp (hoặc thứ gì đó) // nhưng chúng tôi sẽ thêm những hình ảnh thử nghiệm này vào ví dụ của mình: var img = new Image(); img.src = base64dataUrl; window.document.body.appendChild(img); ) nút.addEventListener("click", captureMe); // navigator.getUserMedia và window.URL.createObjectURL (thời điểm khó khăn do tranh cãi về trình duyệt năm 2012) navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; window.URL.createObjectURL = window.URL.createObjectURL || window.URL.webkitCreateObjectURL || window.URL.mozCreateObjectURL || window.URL.msCreateObjectURL; // yêu cầu quyền truy cập vào bộ điều hướng video phát trực tuyến của máy ảnh.getUserMedia((video: true), function (stream) ( // đã nhận được quyền từ người dùng // ẩn gợi ý allow.style.display = "none"; / / lấy url của video phát trực tuyến videoStreamUrl = window.URL.createObjectURL(stream); // đặt làm nguồn cho video video.src = videoStreamUrl ), function () ( console.log("có gì đó không ổn với luồng video hoặc người dùng đã chặn việc sử dụng nó:P "); )); ); CSSPhản chiếu trong khi chụp
Trong ví dụ trên, chúng tôi đã chụp ảnh bằng hình ảnh phản chiếu ngang. Lý do tại sao bạn hỏi. Đôi khi bạn có thể gặp phải những vấn đề như vậy. Điều này đặc biệt đúng khi bạn cần định vị chính xác hình ảnh của mình so với khung hoặc các vật thể xung quanh. Ví dụ: đặt khuôn mặt của bạn vào một khu vực được chỉ định để quét, kết hợp nó với mặt nạ cài sẵn, v.v. Trong trường hợp này, sẽ thuận tiện hơn cho người dùng nếu hình ảnh nhận được từ camera được hiển thị phản chiếu (theo chiều ngang) trên màn hình.
Chúng tôi đã đạt được điều này như thế nào:
Đầu tiên, chúng tôi đã làm biến đổi css cho video
Video CSS(transform:scaleX(-1); -o-transform:scaleX(-1); -ms-transform:scaleX(-1); -moz-transform:scaleX(-1); -webkit-transform:scaleX (-1); )Thứ hai, chúng ta xoay hình ảnh trên canvas theo cách tương tự
JS // lật canvas mirror theo chiều ngang context.translate(canvas.width, 0); bối cảnh.scale(-1, 1);Nếu bạn không cần sự phản chiếu gương, chỉ cần xóa phần đó của js và css
Chúc may mắn! Tôi mong đợi các câu hỏi và sửa chữa trong các ý kiến.
Tiện ích mở rộng trình duyệt là một plugin được cài đặt bổ sung trong trình duyệt và thực hiện một số chức năng nhất định (trong Trình duyệt Opera tiện ích mở rộng từng được gọi là widget). Các chức năng được tiện ích mở rộng thực hiện có thể hoàn toàn khác nhau - từ dịch từ trên bất kỳ trang web mở nào, các hoạt động giải trí khác nhau và đến chức năng hữu ích dành cho quản trị viên web và người tối ưu hóa SEO.
Sự tiện lợi của các tiện ích mở rộng nằm ở chỗ chúng luôn ở trong tầm tay, thường ở góc bên phải trình duyệt của bạn trong biểu mẫu biểu tượng đẹp 18x18 pixel. Để thực hiện hành động này hay hành động kia, chỉ cần nhấp một lần vào phần mở rộng cần thiết- rất thoải mái! Tiện ích mở rộng mở trong các cửa sổ nhỏ, điều này không ngăn cản bạn duyệt các trang web yêu thích của mình. Khi bạn nhấp chuột ra ngoài cửa sổ tiện ích mở rộng, tiện ích mở rộng sẽ đóng lại nhanh như khi mở.
Các nhà phát triển trình duyệt cung cấp tất cả thông tin về việc phát triển và gỡ lỗi tiện ích mở rộng, vì vậy bất kỳ ai hiểu điều gì đó về công nghệ web đều có thể tạo tiện ích mở rộng của riêng mình. Mỗi trình duyệt cũng có một số lượng lớn tiện ích mở rộng hữu ích, có thể tải xuống từ các trang web chính thức của trình duyệt.
trang web cung cấp cho bạn tổ chức giám sát video qua Internet bằng cách sử dụng tiện ích mở rộng MyIPCam dành cho trình duyệt Google Chrome, Mozilla Fifefox, Opera (cả Opera trên công cụ Presto và Opera 15+ mới trên công cụ Chrome đều được hỗ trợ) và Trình duyệt Yandex. Khi bạn cài đặt tiện ích mở rộng của chúng tôi, camera IP của bạn sẽ có sẵn cho bạn ngay lập tức mà không cần đăng ký dịch vụ của chúng tôi. Tiện ích mở rộng sẽ truy cập trực tiếp vào camera IP của bạn và nhận hình ảnh từ nó.
Có nhiều lợi ích của việc giám sát video thông qua phần mở rộng trình duyệt. Ví dụ: để xem camera IP của bạn, bạn không cần phải đăng ký trên dịch vụ khác nhau video theo dõi. Tất cả những gì bạn cần làm là chọn kiểu máy ảnh của mình trong cài đặt tiện ích mở rộng, nhập địa chỉ IP hoặc tên DNS của chúng, đặt thông tin đăng nhập và mật khẩu. Và video giám sát đã sẵn sàng.
Giám sát video thông qua tiện ích mở rộng của trình duyệt là cách tốt nhất phương pháp hoạt động xem camera IP của bạn nếu bạn đọc tin tức hoặc lướt Internet!
Bạn chỉ cần nhấn vào biểu tượng bên phải góc trên cùng và camera IP của bạn sẽ mở trong một cửa sổ nhỏ và quá trình phát video từ chúng bắt đầu. Để đóng cửa sổ tiện ích mở rộng, chỉ cần nhấp vào bên ngoài cửa sổ tiện ích mở rộng. Cách tiếp cận này không chỉ cho phép bạn xem camera của mình một cách nhanh chóng và thuận tiện nhất, khi không có thời gian bị phân tâm bởi những chuyển động cơ thể không cần thiết để xem tình hình ở nhà mà còn không cản trở công việc của bạn trên Internet. Bạn sẽ có cơ hội không đóng trang web hoặc rời khỏi trang web mà bạn hiện đang xem.
Điều kiện cần thiết để tổ chức giám sát video thông qua tiện ích mở rộng trình duyệt:
- Camera IP phải có thể truy cập được từ Internet. Những thứ kia. Nếu bạn có thể xem máy ảnh của mình từ bất cứ đâu, từ văn phòng hoặc ở nhà, thì điều này cũng có thể thực hiện được thông qua tiện ích mở rộng. Nếu bạn không biết cách làm cho camera IP có thể truy cập được từ Internet, hãy đọc bài viết.
- Có thể sử dụng các phần mở rộng trong mạng cục bộ. Trong trường hợp này, phần mở rộng cho biết địa chỉ IP cục bộ Máy ảnh của bạn (loại 192.168.X.X). Bạn chỉ có thể xem camera gia đình của mình nếu bạn đang ở nhà, camera IP văn phòng - nếu bạn đang ở văn phòng. Nhược điểm - Bạn sẽ không thể xem camera IP gia đình nếu bạn đang ở văn phòng chẳng hạn.
- Tiện ích mở rộng MyIPCam để xem camera IP thông qua Google Chrome và Yandex Browser
Tiện ích mở rộng cho phép bạn xem camera IP của mình ở chế độ phổ biến trình duyệt Google Trình duyệt Chrome và Yandex. Để làm việc trong cài đặt tiện ích mở rộng, bạn cần chọn kiểu camera, đặt địa chỉ, thông tin đăng nhập và mật khẩu để truy cập vào camera IP.
Tải xuống tiện ích mở rộng MyIPCam từ trang web chính thức của Cửa hàng Chrome trực tuyến - Tiện ích mở rộng MyIPCam để xem camera IP thông qua trình duyệt Mozilla Firefox
Tiện ích mở rộng (Tiện ích bổ sung) cho phép bạn xem camera IP của mình trong trình duyệt Mozilla Firefox. Để làm việc trong cài đặt tiện ích mở rộng, bạn cần chọn kiểu camera, đặt địa chỉ, thông tin đăng nhập và mật khẩu để truy cập vào camera IP.
Tải xuống tiện ích mở rộng MyIPCam từ trang web Mozilla Firefox chính thức - Tiện ích mở rộng MyIPCam để xem camera IP qua trình duyệt Opera
Tiện ích mở rộng cho phép bạn xem camera IP của mình trong trình duyệt Opera. Để làm việc trong cài đặt tiện ích mở rộng, bạn cần chọn kiểu camera, đặt địa chỉ, thông tin đăng nhập và mật khẩu để truy cập camera IP.
Tải xuống tiện ích mở rộng MyIPCam trên trang web chính thức của Opera
Bạn có muốn có mặt trong mọi trình duyệt của khách hàng không? Chúng tôi sẽ phát triển tiện ích mở rộng riêng cho bạn. Hãy liên hệ với chúng tôi và mở rộng khả năng của bạn với chúng tôi! Chi tiết.
Nguyên nhân phổ biến nhất gây ra sự cố webcam là do xung đột giữa thiết bị và phần mềm máy tính. Nó có thể chỉ cần bị vô hiệu hóa trong trình quản lý thiết bị hoặc được thay thế bằng một cái khác trong cài đặt của chương trình được sử dụng. Nếu bạn hoàn toàn chắc chắn rằng mọi thứ đều được cấu hình chính xác, bạn có thể thử kiểm tra webcam trực tuyến của mình bằng các dịch vụ chuyên dụng.
Như đã lưu ý, sự cố xuất hiện sau khi phần mềm bắt đầu xung đột với thiết bị được kết nối. Điều này xảy ra do trục trặc về trình điều khiển, ứng dụng lỗi thời hoặc lỗi thiết bị.
Không cần thiết phải tìm một máy tính khác để kiểm tra camera bằng âm thanh; bạn chỉ cần mở trình duyệt web và sử dụng các dịch vụ của một trong các trang được liệt kê bên dưới và nó hoàn toàn miễn phí.
Chúng ta sẽ xem xét những cái phổ biến và có chức năng nhất, hiệu suất của chúng đã được nhiều người dùng thử nghiệm.
Trước hết bạn cần cài đặt cập nhật mới Trình phát Flash.
Tại đây bạn có thể dễ dàng kiểm tra webcam bằng âm thanh trực tuyến. Trong cửa sổ mở ra sẽ có hai nút - “Video…” và “Tín hiệu âm thanh”. Họ là những người chúng ta cần. Dưới mỗi phần mềm đều có một hướng dẫn nhỏ cho phép bạn khắc phục sự cố dẫn đến hiển thị kết quả không chính xác.
Nếu không có gì xuất hiện trên màn hình, bạn nên nhấp chuột phải vào vùng hoạt động và đi tới phần “Camera” (hoặc “Micrô”) và tìm thiết bị của bạn trong danh sách.
Đừng quên cho phép truy cập vào các thiết bị. Sau khi xác minh, màn hình của bạn sẽ xuất hiện trên màn hình. Nếu nó không có ở đó, bạn nên kiểm tra xem webcam đã được kết nối đúng chưa.
Làm cách nào để kiểm tra webcam trực tuyến của bạn bằng Toolster?Dịch vụ tuyệt vời với Thiết kế đơn giản và chức năng khá. VỚI bên phải có thang đo độ nhạy micro, bên dưới là toàn bộ số liệu về thiết bị. Khu vực chính truyền tín hiệu video.
Quan trọng cần cập nhật Trình phát Flash và cho phép truy cập vào các kết nối. Sau khi kiểm tra, chữ “Fine” sẽ xuất hiện trên màn hình laptop hoặc máy tính, nếu mọi thứ đều ổn.
Trước đây, trang web này chỉ bằng tiếng Anh, điều này khiến nhiều người dùng khó chịu. Một nguồn tài nguyên bằng tiếng Nga hiện đang mở. Bạn có thể kiểm tra webcam trên trang chính của trang web. Điều đáng chú ý là để kiểm tra micrô, bạn cần nhấp vào liên kết.
Nếu một dịch vụ yêu cầu quyền truy cập vào thiết bị, bạn phải cung cấp nó, nếu không sẽ không có kết quả.
Sau vài giây, hình ảnh được truyền từ webcam sẽ xuất hiện trên màn hình màu đen. Điều này có nghĩa là thiết bị đang hoạt động bình thường. Trong trường hợp cần xác định chất lượng truyền âm thanh, bạn cần nhấp vào liên kết và nói vài từ, nếu biểu đồ tương ứng thay đổi thì mọi thứ đều ổn với thiết bị âm thanh.
Công cụ này cho phép bạn nhanh chóng kiểm tra webcam và micrô trực tuyến của mình. Nó không được kiểm tra ở bước đầu tiên Adobe Flash, không giống như các chất tương tự, kết quả sẽ hiển thị ngay lập tức.
Thiết kế đơn giản và rõ ràng, bạn không cần phải mất nhiều thời gian để tìm hiểu.
Nếu bạn không muốn sử dụng các trang web tiếng Anh, hãy chọn những trang bằng tiếng Nga. Kiểm tra trực tuyến Hoàn toàn miễn phí và sẽ không mất nhiều thời gian. Bạn có thể chọn bất kỳ tùy chọn nào được đề xuất - kết quả sẽ giống nhau. Nếu hình ảnh không xuất hiện thì vấn đề nằm ở phần cứng. Bạn có thể thử cập nhật trình điều khiển hoặc sử dụng các tính năng hệ thống tích hợp.
Trước tiên, hãy thử kiểm tra webcam trực tuyến, nhưng biện pháp cuối cùng, nếu cần, hãy thử kết nối thiết bị với một PC khác. Chúc may mắn!
Ở góc trên bên phải, chúng ta tìm thấy biểu tượng bánh răng, còn được gọi là “Dịch vụ”. Mở tab “Thuộc tính trình duyệt”. Chọn phần bảo mật, chọn biểu tượng “Internet”, nhấp vào nút “Khác”. Trong menu cài đặt mở ra, hãy tìm các dòng có Active X và bật từng kịch bản hoặc đặt chúng ở vị trí “gợi ý”.
Nếu mọi thứ được thực hiện chính xác thì khi bạn nhấn giao diện web thiết bị, chúng tôi sẽ được nhắc cài đặt plugin, sau đó chúng tôi có thể thực hiện công việc toàn thời gian với máy quay video của bạn.
Khả năng xem video giám sát thông qua người khác trình duyệt của bên thứ ba cũng có sẵn, nhưng để làm được điều này, bạn cần cài đặt một tiện ích mở rộng Tab IE đặc biệt. Mở biểu tượng “ba chấm” - cài đặt quản lý Google Trình duyệt Chrome. Chọn dòng " Công cụ bổ sung"Nhấp vào tiện ích mở rộng trong menu thả xuống.
Trong cửa sổ “Tiện ích mở rộng” mở ra, ở góc trên bên trái, nhấp vào biểu tượng ba dấu gạch ngang và tìm “Cửa hàng Chrome”.
Trong cửa sổ tìm kiếm, hãy tìm tiện ích mở rộng “IE TAB” mà chúng tôi cần. Nhấp vào cài đặt.
