https://www.google.com/intl/en/chrome/demos/speech.html

https://w3c.github.io/speech-api/speechapi.html
https://w3c.github.io/speech-api/

https://webrtclab.herokuapp.com/
https://github.com/dodortus/webrtc-lab
https://github.com/dodortus/webrtc-lab/tree/master/frontend/views/examples/speech-recognition

http://easyrtc.com

https://github.com/webrtc/apprtc
https://appr.tc/
https://apprtc.appspot.com/params.html

webrtc rtmp 자료 체크
https://medium.com/@ahmetmermerkaya/webrtc-live-video-stream-broadcasting-one-to-many-and-watching-with-rtmp-and-hls-82980ccfe890
https://github.com/ant-media/Ant-Media-Server/wiki/Publish-with-RTMP-&-Play-with-WebRTC
https://flashphoner.com/webrtc-as-rtmp-re-publishing/

OBS
https://obsproject.com/

https://webrtc.github.io/samples/
https://webrtc.org/start/
https://developer.mozilla.org/ko/docs/Web/API/WebRTC_API
https://webrtc.org/

WebRTC 연구실
https://github.com/dodortus/webrtc-lab

https://developer.mozilla.org/ko/docs/Web/API/MediaDevices/getUserMedia

1024x776 - 1120x800 - 1350x1020 - 1920x1080 와 같이 지원하는 여러 해상도가 있으면 브라우저는 
ideal 해상도와 가장 근사하는 1120x800 해상도를 미디어 장치에 요청 후 반환합니다.

{
  audio: true,
  video: {
    width: { min: 1024, ideal: 1280, max: 1920 },
    height: { min: 776, ideal: 720, max: 1080 }
  }
}

최솟값 최댓값 지정 없이 ideal 해상도만 지정할 수도 있습니다.

{
  audio: true,
  video: {
    width: { ideal: 1280 },
    height: { ideal: 720 }
  }
}

모바일 장치의 전면 카메라를 요청하기 위한 코드:

{ audio: true, video: { facingMode: "user" } }
모바일 장치의 후면 카메라를 요청하기 위한 코드:

{ audio: true, video: { facingMode: { exact: "environment" } } }

1. 채팅상담 - 멀티채팅상담 (상담이력저장)

2. 채팅상담 - 상담이력저장

3. 채팅상담 - 상담이력저장없음

1. 라이브 세미나(강의) - 1:다 온라인 실시간 세미나 (영상/음성)

씨지웹(주) CgChat 채팅호스팅(솔루션) 데모 페이지입니다.

IE,크롬,파이어폭스,사파리,오페라등의 윈도우/맥/모바일 브라우져를 지원하며 모바일 웹뷰를 지원합니다.

[자동채팅글 관리자] | [자동채팅글 운영자]

채팅 접속자수 정보 조회 API

[해당 채팅방의 현재 접속자수 조회] https://onbinder.com:23002/redis/get/room:방번호:user_count 리턴값 (json) : {"방번호":"접속자수","VC":"가상접속자수"} 채팅방이 없는 경우 : {"방번호":"-1","VC":"0"} 또는 -1 리턴 오류발생시 : -2 리턴 [접속 채팅서버의 개설된 전체 채팅방과 현재접속자수 조회] https://onbinder.com:23002/redis/get/room::user_count http[https]://채팅서버주소/redis/get/room::user_count 리턴값 (json) : [{"방번호":"접속자수","VC":"가상접속자수"},{"방번호":"접속자수","VC":"가상접속자수"},,,,{"count":"전체접속자수","vcount":"전체가상접속자수"}] 채팅방이 없는 경우 : -1 리턴 오류발생시 : -2 리턴 [접속 채팅서버의 현재 전체 접속자수 조회] https://onbinder.com:23002/redis/get/room:user_count http[https]://채팅서버주소/redis/get/room:user_count 리턴값 (json) : {"count":"전체접속자수","vcount":"전체가상접속자수"} 채팅방이 없는 경우 : {"count":"-1","vcount":"0"} 또는 -1 리턴 오류발생시 : -2 리턴

서비스 연동 스크립트 기능 샘플
. 채팅 페이지의 모든 속성과 메소드 제어와 함수 실행이 가능합니다.
. 채팅 페이지에서 서비스 페이지로 메시지를 보내수 있다.
 단 이때에는 서비스페이지에 $.receiveMessage 를 구현해 놓아야 한다.

연동 스크립트 실행 결과

채팅 링크 / 암호화 채팅 링크 (파라미터 원문) - /enc/암호화값 으로 접속

채팅 링크 / 암호화 채팅 링크 (파라미터 encodeURIComponent 사용) - /enc/암호화값 으로 접속

기본 접속인원 및 많은 접속인원 사용시의 기본 파라미터

* 공통 적용 파라미터 nocache=1 : 페이지 캐시 안함 sk=1 : 채팅화면 스킨번호 (1,2,5,0 설정 가능) no=채팅방번호 : 채팅방 구분 값으로 임의설정가능 (영문 또는 숫자 입력) id=아이디 : 접속회원아이디 (생량가능, 입력시 채팅 접속자를 구분하기 위한 유일한 값이어야 함) nk=대화명 : 접속회원대화명 (생략가능, 생략시 손님+랜덤숫자로 표기됨) m7=0 : 채팅글에 아이디 포함 안함 sj=,,,0 : 입장멘트(인사말) 사용안함 c2=0 : 입퇴장멘트 표시안함 #msg= 브라우져 하위 버젼 호횐성을 위해 추가 * 1000명미만 사용자 http://.../?nocache=1&no=room&sk=1&id=&nk=&lv=2&a=5&c1=0&m7=0&sj=,,,0&c2=0#msg= 관리자 ((오른쪽 상단의 파란색 사람모양 아이콘을 클릭하면 관리자 메뉴를 사용할 수 있습니다.)) http://.../?nocache=1&no=room&sk=1&id=&nk=&an=1&lv=3&a=5&c1=0&m7=0&sj=,,,0&c2=0#msg= an=1 : 관리자로입장 (채팅창 오른족 상단의 아이콘을 클릭하면 관리자 기능 사용가능, 관리자가 아니면 동 파리미터는 생략) a=5 : 접속자의 접속 및 접속해제 메세지를 전체 접속자에게 전송 (입퇴장 메세지를 나오게 하려면 a=2 설정) c1=0 : 채팅방 접속자수 Ajax 사용안함 * 1000명이상 사용자 http://.../?nocache=1&no=room&sk=1&id=&nk=&lv=2&a=4&c1=1&m7=0&sj=,,,0&c2=0#msg= 관리자 ((오른쪽 상단의 파란색 사람모양 아이콘을 클릭하면 관리자 메뉴를 사용할 수 있습니다.)) http://.../?nocache=1&no=room&sk=1&id=&nk=&an=1&lv=3&a=4&c1=1&m7=0&sj=,,,0&c2=0#msg= an=1 : 관리자로입장 (채팅창 오른족 상단의 아이콘을 클릭하면 관리자 기능 사용가능, 관리자가 아니면 동 파리미터는 생략) a=4 : 접속자의 접속 및 접속해제 메세지를 an=1,2,9인 접속자에게 전송 (관리자,매니져에게만 전송) c1=1 채팅방 접속자수 Ajax 사용함 * 파라미터 추가 설정 [m0 파라미터] m0=1,1 글잠금 메뉴 (동 값이 0 이면 화면에 표시 안함) 또는 동 설정값을 1,1 로 설정하면 마우스휠스크롤 사용시 글잠금(위 스크롤)/해제(아래 스크롤) 기능 적용 [cr,mr 파라미터] cr=00ffff1--------,00ffff1-------- : PC용 채팅글 설정 mr=00ffff1--------,00ffff1-------- : 모바일용 채팅글 설정 [#을 제외한 6자리는 채팅글 색상] + [채팅글 볼드 스타일 여부(0,1)] + [채팅글 폰트 크기(2자리, 9px -> 09)] + [#을 제외한 6자리 채팅글 배경색] : 모든 해당값은 미설정시 - 문자로 설정 채팅글색상(6) + 볼드여부(1) + 폰트크기(2) + 채팅글배경색(6) = 종 15자리 문자 또는 채팅글의 별명까지 설정시 채팅글색상(6) + 볼드여부(1) + 폰트크기(2) + 채팅글배경색(6) + ,(1) + 채팅글별명색상(6) + 채팅글별명별명볼드여부(1) + 채팅글별명폰트크기(2) + 채팅글별명배경색(6) = 종 31자리 문자 [bg 파라미터] bg=,,,,,,,808080, : 채팅창 설정 배경색상 (#000000 에서 # 을 제외한 6자리색상값) 또는 배경색상,스크롤바배경색적용여부(1:배경색으로스크롤바배경색상설정,2:스크롤바감추기),전송버튼색상,채팅글입력박스배경색,채팅글입력박스테두리선색,채팅글입력박스글씨색,채팅글입력박스placeholder글씨색,관리자(매니져)채팅글배경색,전송버튼글씨색[,관리자(매니져)채팅글배경색투명도(1~9)] 관리자(매니져)채팅글배경색만 설정시 : bg=,,,,,,,fff880, 관리자(매니져)채팅글배경색과 사용자배경색 동시 설정시 : bg=,,,,,,,fff880fff880, 관리자(매니져)채팅글배경색과 사용자배경색, 관리자(매니져)채팅글배경색투명도(1~9) 는 전송메세지가 아닌 수신메세지에 적용됩니다. [tm 파라미터] tm=-4 : 채팅상단영역항목 표시여부 및 배경색 설정 표시항목,상단라인색상(# 제외 6자리 색상값,공백이면적용안함),상단배경색상(# 제외 6자리 색상값,공백이면적용안함) 표시항목 값이 -1 이면 상단영역이 나오지 않음 표시항목 값이 -2 이면 오른쪽상단 접속인원과 아이콘 부분이 나오지 않음 표시항목 값이 -3 이면 오른쪽상단 접속인원 부분이 나오지 않음 그외는 전체 표시 (단, sk=0 파라미터 사용시에는 표시항목 값을 1로 설정하면 오른쪽 상단 접속자 리스트 아이콘이 나옴)

인터넷속도테스트 : 벤치비 인터넷 속도 측정, 스피드테스트 인터넷 속도 측정, NIA 인터넷 속도 측정

포트오픈체크 : you get signal 포트 오픈 체크

채팅서버측 오픈 Port : 23001(http), 23002(https), 23014(gate), 23050(connector)

한글 파라미터 iframe 적용 예 - 한글 파리미터값은 encodeURIComponent 처리를 해주어야 합니다.

. nocache - 채팅 페이지 캐시 여부 (생략시 키시 사용안함 / 0,1)
. no - 방번호 (ex: ch_123_456) . id - 접속자 고유번호 (생략시 서버에서 자동 생성)
. nk - 대화명 (생략시 서버에서 자동 생성)
. lv - 접속자레벨(사용자정의, 2보다 작으면 채팅글 전송 안됨)
. an - 관리자 접속 여부 (생략시 회원접속 / 0(사용자),1(관리자), 2(매니져) / 관리자와 매니져는 채팅창 오른쪽상단의 아이콘 클릭시 관리자 메뉴 활성)
. sk - 스킨번호 (0,1,2,5)
. sj - 방(채널)제목 또는 방(채널)제목,입장멘트색상(#제외),입장멘트크기,입장멘트 (입장멘트가 0 이면 입장멘트 사용안함)
. m7 - 채팅글에 아이디 포함 여부 (0 이면 채팅글에 아이디 포함 안함) 또는 11 과 같이 2자리 설정 (첫번째는 채팅글, 두번째는 접속자 리스트에 아디이 포함여부 설정)

<script language="javascript"> var iframeSrc = 'https://onbinder.com:23002/?nocache=1&no=demo&sk=1&a=5&lv=3&m7=0&sj=,,,0'; //var iframeNk = '&an=1&id=&nk=' + encodeURIComponent('관리자') + '#msg='; var iframeNk = '&id=&nk=' + encodeURIComponent('사용자') + '#msg='; iframeSrc += iframeNk; var iframeStr = '<iframe id="cgchat" name="cgchat" src="' + iframeSrc + '" style="width:350px;height:600px;margin:0;padding:0;border:solid 1px #000000;"></iframe>'; document.write(iframeStr); </script>

iframe 으로 사용하는 채팅창 투명 처리

<div style="position:absolute; top:300px; width:100%; height:500px;"> <iframe allowtransparency="true" style="opacity:.9; filter:alpha(opacity=90);width:100%;height:500px; margin:0;padding:0;border:0;" marginwidth="0" marginheight="0" topmargin="0" scrolling="no" src=""></iframe> </div>