Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/#5 openvidu #5

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Conversation

raymondanythings
Copy link
Member

✅ PR 체크리스트

  • 코드 스타일 가이드 규칙을 준수했어요.

PR 타입

설명하실 변경 사항은 어떤 종류인가요?

  • 버그 수정
  • 기능 추가
  • 코드 스타일 업데이트
  • 기타

이슈 번호 : #5

해당 PR이 프로젝트에 큰 영향이 있나요?

  • Yes
  • No

작업 내용

  • 미디어 서버 openvidu 도입
  • 프론트 sdk가 커스텀이 용이하지 않아 직접 제작 중
  • useOv 커스텀 훅에 기존 sdk 로직별로 동기화 했으나, es5로 씌여진 코드라 라이프 사이클 동기화 필요

추가 설명

- openvidu session 생성 코드 작성
- openvidu 도입하여 미디어 서버 연동
- 공식문서에 권장하는 sdk가 불친절하여 커스텀 제작 중
Copy link

@HerrineKim HerrineKim left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

제 팀 프로젝트에도 썼었던 오픈비두네요~~ 파이팅입니다! 😄

@SoJeongMun
Copy link

sdk를 직접 제작하신다니 신기하고 멋집니다: ) bb!

if (data.isAudioActive) {
user.setAudioActive(data.isAudioActive)
}
if (data.isVideoActive !== undefined) {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저는 다음과 같은 코드를 선호합니다.
nullundefined를 엄격하계 체크해야 되야 하는 이유가 많지 않거든요.

if (data.isVideoActive != null) {

const connectWebCam = useCallback(async () => {
if (session) {
await ov.getUserMedia({ audioSource: undefined, videoSource: undefined })
var devices = await ov.getDevices()

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

var...

Comment on lines +179 to +194
if (session) {
if (token) {
connect(token)
} else {
try {
console.log('START!!', roomName)
getToken({
variables: {
sessionId: roomName,
},
})
} catch (error: any) {
console.error('There was an error getting the token:', error.code, error.message)
}
}
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

다음과 같은 코드는 어떤가요??

if (session && token) {
         connect(token)
         return
} 
try {
           console.log('START!!', roomName)
           getToken({
             variables: {
               sessionId: roomName,
             },
           })
         } catch (error: any) {
           console.error('There was an error getting the token:', error.code, error.message)
}

@@ -16,7 +16,7 @@ const store = create(
user: null,
token: null,
setUser: ({ user, token }) => {
localStorage.setItem('_PLUG_AUTH_', token)
localStorage.setItem(import.meta.env.VITE_AUTH_KEY, token)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

vite에서 환경변수 접근 방법인가 보네요.
기존 process.env과 차이점이 있을까요?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants