영상통화와 채팅 기능을 삽입하고 추가하면 모든 사이트와 응용 프로그램에 쉽게 통합할 수 있으며 몇 줄의 코드만 있으면 5단계와 5분만 있으면 된다.5000명의 사용자가 인터넷과 응용 프로그램에서 영상 채팅을 할 수 있도록 허용하다.

소개하다.

비디오 통화 삽입은 무엇입니까?

비디오 통화는 모든 사이트와 응용 프로그램에 끼워 넣는다

1: 우선, 자신의 응용 프로그램을 등록한다.videosdk。거주

2: API 키 및 암호 생성

구현

3: html 페이지에서 스크립트 가져오기

 <script src="https://sdk.videosdk.live/rtc-js-prebuilt/0.1.21/rtc-js-prebuilt.js"></script>

4: HTML 페이지에 비디오 통화 자바스크립트 미리 구축 코드 포함

<script>
  var script = document.createElement("script");
  script.type = "text/javascript";

  script.addEventListener("load", function (event) {
    const meeting = new VideoSDKMeeting();

    const config = {
      name: "John Doe",
      apiKey: "<API KEY>", // generated in Setup
      meetingId: "milkyway", // enter your meeting id

      containerId: null,
      redirectOnLeave: "https://www.videosdk.live/",

      micEnabled: true,
      webcamEnabled: true,
      participantCanToggleSelfWebcam: true,
      participantCanToggleSelfMic: true,

      chatEnabled: true,
      screenShareEnabled: true,
      pollEnabled: true,
      whiteBoardEnabled: true,
      raiseHandEnabled: true,

      recordingEnabled: true,
      recordingWebhookUrl: "https://www.videosdk.live/callback",
      participantCanToggleRecording: true,

      brandingEnabled: true,
      brandLogoURL: "https://picsum.photos/200",
      brandName: "Awesome startup",
      poweredBy: true,

      participantCanLeave: true, // if false, leave button won't be visible

      // Live stream meeting to youtube
      livestream: {
        autoStart: true,
        outputs: [
          // {
          //   url: "rtmp://x.rtmp.youtube.com/live2",
          //   streamKey: "<STREAM KEY FROM YOUTUBE>",
          // },
        ],
      },

      whiteboardEnabled: true,

      permissions: {
        askToJoin: false, // Ask joined participants for entry in meeting
        toggleParticipantMic: true, // Can toggle other participant's mic
        toggleParticipantWebcam: true, // Can toggle other participant's webcam
        drawOnWhiteboard: true,
        toggleWhiteboard: true,

      },

      joinScreen: {
        visible: true, // Show the join screen ?
        title: "Daily scrum", // Meeting title
        meetingUrl: window.location.href, // Meeting joining url
      },
    };

    meeting.init(config);
  });

  script.src =
    "https://sdk.videosdk.live/rtc-js-prebuilt/0.1.21/rtc-js-prebuilt.js";
  document.getElementsByTagName("head")[0].appendChild(script);
</script>

5: 코드에 API 키를 삽입하여 실행

apiKey: "<API-KEY>"

실행 프레젠테이션

$ npm install -g live-server
$ live-server --port=8000

회의를 기록하다

 recordingEnabled: true,
 recordingWebhookUrl: "https://www.videosdk.live/callback",

화이트보드 사용

whiteboardEnabled: true,
  permissions: {
    drawOnWhiteboard: true,
    toggleWhiteboard: true,
  },

소셜 미디어로 생중계

livestream: {
    autoStart: true,
    outputs: [
        // {
        //   url: "rtmp://x.rtmp.youtube.com/live2",
        //   streamKey: "<STREAM KEY FROM YOUTUBE>",
        // },
    ],
}

바늘로 만든 병풍

레이아웃 이해 향상

pin: {
 allowed: true,
 layout: "SPOTLIGHT",
}

결론

공식 Github 비디오 sdk생방송 / 비디오 sdk rtc js미리 구축 삽입식 예시 JS 및 HTML 전용 비디오 SDK의 낮은 코드를 사용하여 예제를 미리 구성합니다. 비디오 SDK는 코드가 없는 사전 구축 애플리케이션입니다. 이게 어떻게 된 일입니까? 이 코드 예는 비디오 SDK RTC 사전 구축 SDK및 비디오 SDK RTC JS SDK로 구축된 일대일 및 그룹 화상 통화 어플리케이션을 보여줍니다. 서버 없는 화상 통화 환경을 위해 설계되었습니다. 낮은 코드로 참여자 5000명까지 확장. 월 1만분 무료. 내장형 비디오 및 오디오 품질 최적화 내장 채팅 여론조사, 화이트보드, Q、 A지원.특징. 완전 저코드와 서버 없음.라이브 오디오, 비디오 및 데이터 스트림이 있는 비디오 API5000명 이상의 참가자 지원리치 미디어와의 채팅 지원.HD및 풀 HD화면과 공유.모임에서 라이브 비디오 재생페이스북, 유튜브 등 소셜미디어와 연결（RTMP out）지원).스마트 스피커 스위치클라우드에서 회의 문서화화이트보드, 투표 및 질의응답 내장필요에 따라 사용자 인터페이스를 사용자정의합니다.브라우저 지원 공식 가이드브라우저 지원를 참조하십시오.선결 조건 웹 브라우저…GitHub 보기