Notice
Recent Posts
Recent Comments
Link
250x250
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

혼자서 앱 만드는 개발자 함께하는 AI 세상

WEBRTC (PHP 웹 적용 구성)- 첫(1)번째 HTML 구성하기 본문

WEBRTC

WEBRTC (PHP 웹 적용 구성)- 첫(1)번째 HTML 구성하기

혼앱사 2023. 1. 7. 13:32
반응형

WEB RTC 구성하기위해 HTML 페이지 제작 하기위해 

기본적으로  video테그 : 로컬 비디오 설정해야한다. 

<video id="localVideo" autoplay="true" muted="muted"></video>
<video id="remoteVideo" autoplay="true" style="display:"></video>

보통 비디오 테크는 아래 처럼 사용하는데  우리는 WEBRTC를 이용해서 스트리밍으로 받아오기때문에 위와같이 설정 하기로 한다.

<video height="180" width="288" controls>   <source src="/examples/media/sample_video_ogg.ogg" type="video/ogg">     <source src="/examples/media/sample_video_mp4.mp4" type="video/mp4"> </video>

 

 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
</head>

<body>
    <div>
        <video id="localVideo" autoplay="true" muted="muted"></video>
        <video id="remoteVideo" autoplay="true" style="display:"></video>

         
    </div>
     
</body>

</html>
    • 아래처럼 화면을 만들고 통화가능하게 작업을 진행할려고한다.
    • 플러터에서 WEBVIEW 형태로 개발 할수있다.

 

 

GitHub - bastokr/webrtc-php: WebRTC PHP SSE shared-hosting without websockets

WebRTC PHP SSE shared-hosting without websockets. Contribute to bastokr/webrtc-php development by creating an account on GitHub.

github.com

 

 

WebRTC API - Web API | MDN

WebRTC(Web Real-Time Communication)은 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디어를 포착하고 마음대로 스트림할 뿐 아니라, 임의의 데이터도 교환할 수 있도록 하는

developer.mozilla.org

 

728x90
반응형
저작자표시 비영리 변경금지

'WEBRTC' 카테고리의 다른 글

pdf 파일 불러와서 canvas 그리기 테스트1  (1) 2024.03.20
mediasoup-demo 적용  (0) 2024.03.08
webrtc 기반의 간단한 웹 기반 오픈 채팅방 구축 하기  (0) 2023.02.11
webrtc 채팅 텍스트 데이터 전송을 위한 datachannel 추가  (0) 2023.01.09
'WEBRTC' Related Articles more
Comments