웹캠 웹 페이지 설정

웹캠은 인터넷에 새로운 것이 아니며 여전히 매우 인기가 있습니다. 웹캠 페이지를 설정하고 사용 가능한 많은 웹캠 사이트 중 하나가되는 것이 그 어느 때보 다 쉬워졌습니다. 웹캠이있는 컴퓨터, 인터넷 연결 및 사이트를 호스팅 할 서버 만 있으면됩니다. 설정하는데도 너무 오래 걸리지 않습니다.

라이브 스트리밍을 위해 웹캠을 설정하는 방법

웹 사이트에서 작동하도록 웹캠을 설정하는 방법은 다음과 같습니다.

호스팅 서비스를 선택하십시오. 웹 호스트는 사이트를 호스팅하기 위해 인터넷에서 임대하는 서버입니다. 일반적으로 저렴하고 유지 관리가 많이 필요하지 않습니다. 거의 모든 웹 호스트에서이 작업을 수행 할 수 있습니다.
스트리밍 할 컴퓨터에 웹캠을 연결합니다. 데스크톱 또는 Raspberry Pi와 같은 더 작은 전용 컴퓨터를 사용하십시오. 웹캠이 최신 드라이버가 설치된 컴퓨터에 연결되어 있는지 확인하십시오.
미디어 플레이어를 선택하십시오. VLC는 무료이며 Windows, Mac 및 Linux에서 작동하는 오픈 소스 미디어 플레이어입니다. VLC에는 내장 스트리밍 기능이 있습니다.

VLC 다운로드 페이지로 이동하여 최신 버전의 설치 프로그램을 다운로드하십시오. Linux를 사용하는 경우 배포의 저장소에서 VLC를 찾을 수 있으므로 먼저 확인하십시오.
VLC를 설치하십시오. 마법사가 시스템에 VLC를 설치하는 과정을 안내합니다.
VLC를 엽니 다.
VLC 홈 화면에서 미디어 (Media).
고르다 흐름.
에서 열린 미디어 대화 상자에서 캡쳐 장치 탭.
선택 비디오 장치 이름 드롭 다운 화살표를 클릭하고 웹캠을 선택합니다. 오디오도 캡처하려는 경우 오디오 장치 이름 드롭 다운 화살표를 클릭하고 오디오 장치를 선택합니다. 그런 다음 흐름.
스트림 소스를 확인하십시오. VLC는 웹캠의 위치를 표시합니다. 다른 스트림을 지정할 수 있지만 대부분의 경우 기본값을 사용합니다.
스트림의 목적지를 설정하십시오. 고르다 HTTP다음 선택 추가.

여러 대상을 만들 수 있지만 스트림에 필요한 것은 HTTP뿐입니다.
VLC는 HTTP 스트림에 대한 새 탭을 만듭니다. 탭에는 포트에 대한 옵션과 경로에 대한 옵션이 있습니다. 기본 포트를 사용하는 다른 것이 없다면 기본값을 유지하십시오. 경로는 기본 URL 다음에 오는 스트림의 정확한 경로이며 기본적으로 http : // localhost : 8080 / path입니다. 에서 경로 텍스트 상자에 입력 /흐름 또는 실행중인 다른 것과 스트림을 분리하는 것과 유사한 것입니다.
스트림의 인코딩 프로필을 선택합니다. 여기서 작업하기 가장 쉽고 보편적 인 형식은 OGG입니다. 선택 프로필 드롭 다운 화살표를 선택하고 비디오-Theora + Vorbis (OGG). 공구 모양 아이콘을 사용하여 특정 설정을 수정하지만 대부분의 상황에서 기본 프로필이 작동합니다.
선택 모든 기본 스트림 스트리밍 확인란을 선택한 다음 흐름 시작합니다.
이제 스트림이 지정한 포트의 컴퓨터에서 실행됩니다. 컴퓨터의 IP 주소와 지정한 포트 및 경로를 사용하여 일부 브라우저 및 미디어 플레이어에서 액세스 할 수 있습니다. 인터넷에서이 작업을 수행하려면 인터넷에서 홈 네트워크에 대한 액세스를 허용하십시오. 이를 수행하는 방법에는 두 가지가 있습니다.
- 스트림을 실행하는 포트를 통해 라우터에서 컴퓨터로 포트 포워딩을 설정합니다. 그런 다음 No-IP.com과 같은 서비스에서 동적 DNS를 설정하여 홈 IP 주소가 변경되지 않도록합니다. 이 방법을 사용하면 동일한 방식으로 카메라에 액세스하지만 No-IP의 외부 URL 다음에 포트 번호와 경로를 사용합니다. 귀하의 주소는 다음과 같습니다. yourstream.no-ip.org:8080/stream.
- VPN을 설정하십시오. 컴퓨터와 사이트를 호스팅하는 서버를 모두 VPN에 연결할 수 있습니다. VPN을 통해 동일한 로컬 네트워크에있는 것처럼 작동하여 스트림을 사용할 수 있고 서버에 쉽게 액세스 할 수 있습니다.
스트림에 액세스 한 후 텍스트 편집기를 사용하여 기본 HTML을 작성하여 웹캠이 페이지에 어떻게 표시되는지 테스트합니다. 최소한의 것을 위해 웹 페이지에서 다음 코드를 사용하십시오.

웹캠 테스트
HTML5 동영상 태그를 태그. 소스 속성을 스트림 위치로 설정하십시오.

이를 컴퓨터에서 로컬로 테스트하려면 다음을 입력하십시오.
ID, 높이 및 너비로 시작하는 동영상의 다른 속성을 추가합니다.
비디오에 대한 정보를 추가하십시오. 비디오 유형, 코덱 및 브라우저에서 재생하는 방법을 지정합니다.
HTML 파일은이 예제와 유사해야합니다.

웹캠 테스트
HTML이 올바르게 표시되면 파일을 저장하십시오.
브라우저에서 파일을 엽니 다. 로컬에서 테스트하려면 파일을 마우스 오른쪽 버튼으로 클릭하고 Chrome과 같은 브라우저를 선택합니다. 그렇지 않으면 파일을 서버의 HTML 루트 디렉토리에 업로드하십시오. 웹캠 스트림은 대부분 빈 페이지에서 재생됩니다.