Kakao i ConnectLive Q&A 게시판

Video tag play시 에러

안녕하세요.
이번에 서버에서 방송한 것을 video tag로 영상 송출 할려고합니다.

var config = {
credential: {
key: serviceKey
, serviceId: serviceId
},view: {
remote: ‘#remoteVideo
, local: ‘#localVideo
}
, dev:{
logLevel: ‘SILENT’
}
,media: {audio: true, video: true}
};

config.credential.serviceId = serviceId;
config.credential.key = serviceKey;
config.view.remote = id;

listener.onComplete = function(){
	console.log('comple '+castName);
	var video = remoteVideoArr[castName].context.remoteVideo;
	
	function errPlay(e){
		console.log('err : '+e);
		video.muted = true;
		video.play().then(succPlay).catch(errPlay);
	};
	function succPlay(){
		console.log('succ');
	};
	video.play().then(succPlay).catch(errPlay);		
}
var tmpRemon = new Remon({ config, listener }); 
remoteVideoArr[castName] = tmpRemon;

tmpRemon.joinCast(castName);

이런식으로 join을 하여 영상을 뿌릴려고 할때…
NotAllowedError: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD

이런식으로 play가 에러가납니다. autoplay는 되야되서 임시처방으로 error날시 catch로 잡아 muted =false하고 play하여서 사용하면 영상은 나오나 음소거 상태여서 문의드립니다.

controls를 표출 안하고 영상만 보여주고 싶으며…

playsinline webkit-playsinline 이 attribute도 적용은 해봤습니다.

버튼이 아니라 소스상에서 음성과 영상이 모두 재생되었으면 합니다.
onJoin, onComplete에서 상태를 바꿔봐도 에러가 나네요.

해당 에러는 보통 audio가 사용자의 아무런 액션없이 실행되게 하려할 때 발생합니다. join이 사용자의 특정 액션이 triggering되어 동작해야합니다. 이 부분은 크롬의 보안상 이슈로 인한 것으로 알고 있어요.