안녕하세요.
이번에 서버에서 방송한 것을 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에서 상태를 바꿔봐도 에러가 나네요.