Kakao i Connect Live 커뮤니티

Websdk 방송 시청자 측에서 연결은 되었으나 영상이 표시되지 않는 문제

안녕하세요, web sdk 관련 문의 드립니다.

송출 측과 수신 측 모두 모바일 chrome 환경입니다.

현재 송출 측의 송출은 정상적으로 되나, 수신측의 영상이 표시되지 않는 문제가 있습니다.

수신측의 console 기록을 보아도 별도의 에러는 발생하지 않아서 문의를 드립니다.

송출측 코드 : https://gist.github.com/cuhong/1fb421d5393ddb6731969f2fdad512c5
수신측 코드 : https://gist.github.com/cuhong/e40283282605bfc424eeb9e132fcee10

  • 채널 아이디는 템플릿을 그릴때 정상적으로 들어가고 있습니다.
  • 위 송출측 코드로 방송을 시작했을 때 remon console에 정상적으로 표시는 되나 재생이 되지 않습니다.

브라우저 로그는 아래와 같습니다.

Navigated to https://dev.mycarpage.io/videocall/fixedcam/inspect/?channelId=CH993aed084efb4b68a9a770bea7fd5fb3
dev.mycarpage.io/:1 A cookie associated with a cross-site resource at http://bootstrapcdn.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
dev.mycarpage.io/:1 A cookie associated with a cross-site resource at http://webrtc.github.io/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
dev.mycarpage.io/:1 A cookie associated with a cross-site resource at http://jsdelivr.net/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
?channelId=CH993aed084efb4b68a9a770bea7fd5fb3:1 A cookie associated with a cross-site resource at http://fontawesome.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
remon.min.js:1 qualitylogsending: true
remon.min.js:1 qualitylogsending: true
contentscript.js:54 <body style=​"overscroll-behavior:​ none">​…​</body>​
remon.min.js:1 qualitylogsending: true
remon.min.js:1 [RM]I> Signaling: Connect
remon.min.js:1 [RM]I> try connect signaling. remainRetries:5
remon.min.js:1 [RM]I> PeerCon: context has addTrack
remon.min.js:1 [RM]I> config {selectiveCandidate: undefined, iceServers: Array(2), localStream: undefined, localVideo: undefined, audioType: "voice", …}
remon.min.js:1 [Violation] 'requestIdleCallback' handler took 61ms
remon.min.js:1 [RM]I> Signaling: Success connect to the signaling server
remon.min.js:1 [RM]I> Signaling: Create channel: As a viewer
remon.min.js:1 [RM]I> Signaling: On create channel
remon.min.js:1 [RM]I> Signaling: 200
remon.min.js:1 [RM]I> Channel id: CH993aed084efb4b68a9a770bea7fd5fb3:PE9fd287bc72c84f38bba939f9eb4eb1fc
remon.min.js:1 [RM]I> Channel type:  VIEWER
remon.min.js:1 [RM]I> createViewerOffer is called Safari
remon.min.js:1 [RM]I> Local Description: RTCSessionDescription {type: "offer", sdp: "v=0
↵o=- 5527426116793335345 2 IN IP4 127.0.0.1
↵s…
↵a=fmtp:115 apt=114
↵a=rtpmap:116 ulpfec/90000
↵"}
remon.min.js:1 [RM]I> Signaling: On sdp
remon.min.js:1 [RM]I> Create answer
remon.min.js:1 [RM]G> PeerCon: Bind remote stream
remon.min.js:1 [RM]G> PeerCon: Bind remote stream
remon.min.js:1 [RM]I> PeerCon: Handle signaling state change event
remon.min.js:1 [RM]I> new Local Description: RTCSessionDescription {type: "answer", sdp: "v=0 o=- 5527426116793335345 3 IN IP4 127.0.0.1 s…01f a=rtpmap:101 rtx/90000 a=fmtp:101 apt=100"}
remon.min.js:1 [RM]I> Remote Description Setted
remon.min.js:1 [RM]I> PeerCon: Handle signaling state change event
remon.min.js:1 [RM]I> Message ->: {command: "sdp", token: "PE9fd287bc72c84f38bba939f9eb4eb1fc", serviceId: "3e9e8cd7-2e40-452e-b9ea-ea0be5650913", channel: {…}, body: "{"type":"answer","sdp":"v=0\r\no=- 552742611679333…=rtpmap:101 rtx/90000\r\na=fmtp:101 apt=100\r\n"}"}
remon.min.js:1 [RM]I> PeerCon: Handle ICE state change event
remon.min.js:1 [RM]I> Event: checking: Event {isTrusted: true, type: "iceconnectionstatechange", target: RTCPeerConnection, currentTarget: RTCPeerConnection, eventPhase: 2, …}
remon.min.js:1 [RM]I> Sending ice state to other
remon.min.js:1 [RM]I> PeerCon: Handle ice gathering state event
2remon.min.js:1 [RM]I> PeerCon: HandleICECandidateEvent
remon.min.js:1 [RM]I> PeerCon: Handle ICE state change event
remon.min.js:1 [RM]I> Event: connected: Event {isTrusted: true, type: "iceconnectionstatechange", target: RTCPeerConnection, currentTarget: RTCPeerConnection, eventPhase: 2, …}
remon.min.js:1 [RM]I> ice State:connected
remon.min.js:1 [RM]I> Health is start w/interval:5000
remon.min.js:1 [RM]I> Sending ice state to other
remon.min.js:1 [RM]I> PeerCon: Handle ice gathering state event
remon.min.js:1 [RM]I> PeerCon: HandleICECandidateEvent

송수신측 코드에 문제가 있는지 다른 원인이 있는지 조언 부탁드리겠습니다.

감사합니다.

수신측 config에서 config.media= {video: true, audio: true} 를 해주셔야합니다.