단 3단계로 WordPress에 화상 통화 추가
사전 빌드된 SDK는 웹사이트에 화상 통화 기능을 추가하는 가장 쉬운 방법입니다. 설치가 필요 없이 모든 장치에서 작동합니다. 회의를 만들고 회의에 참여하고 사람들이 웹캠을 통해 실시간으로 얼굴을 보며 대화할 수 있습니다.
3단계로 WordPress에 화상 통화 추가
1단계: 계정 생성 및 API 키 생성
먼저 완전 무료인 Video SDK 계정을 생성해야 합니다Sign Up. 계정을 설정했으면 settings>api-keys으로 이동하여 통합을 위한 새 API 키를 생성합니다. (자세한 내용은 How to generate API Key?을 팔로우하세요.)
2단계: 페이지에 사용자 지정 HTML 블록 추가
WordPress 대시보드에 로그인한 후 화상 통화 임베드를 생성하려는 사이트 페이지에 사용자 정의 HTML 블록을 추가하고 싶을 것입니다. (자세한 내용은 Wordpress.org에서 팔로우this support article할 수 있습니다.)
3단계: WordPress의 HTML 블록에 미리 빌드된 코드 추가
다음 코드를 복사하여 사용자 지정 HTML 블록에 붙여넣기만 하면 됩니다.
<script>
var script = document.createElement("script");
script.type = "text/javascript";
script.addEventListener("load", function (event) {
const config = {
name: "Video SDK Live",
meetingId: "prebuilt",
apiKey: "<YOUR API KEY>",
containerId: null,
micEnabled: true,
webcamEnabled: true,
participantCanToggleSelfWebcam: true,
participantCanToggleSelfMic: true,
chatEnabled: true,
screenShareEnabled: true,
};
const meeting = new VideoSDKMeeting();
meeting.init(config);
});
script.src =
"https://sdk.videosdk.live/rtc-js-prebuilt/0.3.1/rtc-js-prebuilt.js";
document.getElementsByTagName("head")[0].appendChild(script);
</script>
이제 1단계에서 생성한 API 키를 제공하는 데 필요한 속성apiKey:"<YOUR API KEY>"
에 (위 코드에서) apiKey
를 추가합니다.
사이트 미리보기 및 라이브 시작 🎉
You can also see step-by-step see video tutorial
Create different roles (host, guest, etc.)
Create unique meeting links each time
고급의
Developers, see our Prebuilt SDK for more information on creating and configuring rooms.
Basic features: Join Screen, Camera Control, Mic Controls, Redirect on Leave, Share Your Screen, Send Messages, Pin Participants.
Advanced features : Cloud Recording, Go Live On Social Media, Change Layout, Customize Branding, Customize Permissions, Whitelist Domain For Better Securit,
Video SDK Prebuilt SDK를 사용하는 동안 질문이 있는 경우 Discord Community 에 가입하도록 초대합니다. #no-code channel
에서 질문을 할 수 있습니다. 또는 에서 저에게 연락할 수 있습니다.
원본 게시물: https://www.videosdk.live/blog/video-calling-wordpress
비디오 SDK
사전 빌드된 SDK로 영상 통화를 추가하는 방법 이 튜토리얼에서는 사전 빌드된 SDK를 사용하여 워드프레스에서 영상 통화 앱을 만드는 방법을 단 5분만에 설명합니다. videosdk.live/blog/video-cal…들
오후 14:08 - 2022년 5월 5일
Reference
이 문제에 관하여(단 3단계로 WordPress에 화상 통화 추가), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/video-sdk/video-calls-in-wordpress-3i17
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<script>
var script = document.createElement("script");
script.type = "text/javascript";
script.addEventListener("load", function (event) {
const config = {
name: "Video SDK Live",
meetingId: "prebuilt",
apiKey: "<YOUR API KEY>",
containerId: null,
micEnabled: true,
webcamEnabled: true,
participantCanToggleSelfWebcam: true,
participantCanToggleSelfMic: true,
chatEnabled: true,
screenShareEnabled: true,
};
const meeting = new VideoSDKMeeting();
meeting.init(config);
});
script.src =
"https://sdk.videosdk.live/rtc-js-prebuilt/0.3.1/rtc-js-prebuilt.js";
document.getElementsByTagName("head")[0].appendChild(script);
</script>
You can also see step-by-step see video tutorial
Create different roles (host, guest, etc.)
Create unique meeting links each time
Developers, see our Prebuilt SDK for more information on creating and configuring rooms.
Basic features: Join Screen, Camera Control, Mic Controls, Redirect on Leave, Share Your Screen, Send Messages, Pin Participants.
Advanced features : Cloud Recording, Go Live On Social Media, Change Layout, Customize Branding, Customize Permissions, Whitelist Domain For Better Securit,
Reference
이 문제에 관하여(단 3단계로 WordPress에 화상 통화 추가), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/video-sdk/video-calls-in-wordpress-3i17텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)