투케이2K

407. (javaScript) 자바스크립트 AWS Kvs WebRtc 신호 채널 생성 수행 - createSignalingChannel 본문

JavaScript

407. (javaScript) 자바스크립트 AWS Kvs WebRtc 신호 채널 생성 수행 - createSignalingChannel

투케이2K 2025. 6. 27. 19:09
728x90

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : JavaScript

 

[소스 코드]

​

-----------------------------------------------------------------------------------------
[사전 설명 및 설정 사항]
-----------------------------------------------------------------------------------------

- 개발 환경 : Web

- 개발 기술 : JavaScript (자바스크립트) / AWS / Kvs / WebRTC / createSignalingChannel

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[소스 코드]
-----------------------------------------------------------------------------------------

<!DOCTYPE HTML>
<html lang="ko">
<head>
    <title>javaScriptTest</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <!-- 반응형 구조 만들기 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">





    <!-- 내부 CSS 스타일 지정 -->
    <style>

        html, body {
            width: 100%;
            height: 100%;
            margin : 0 auto;
            padding : 0;
            border : none;
            background-color: #666;
        }

    </style>





    <!-- [CDN 주소 설정] -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.1416.0.min.js"></script>






    <!-- [자바스크립트 코드 지정] -->
    <script>

        // --------------------------------------------------------------------------------------------------------------

        // [전역 변수 선언]
        var region = 'ap-northeast-1'; // [AWS 리전]
        var accessKeyId = 'AK..7Q'; // [IAM 액세스 키]
        var secretAccessKey = 'Zz..xj'; // [IAM 시크릿 키]

        // --------------------------------------------------------------------------------------------------------------

        // [html 최초 로드 및 이벤트 상시 대기 실시]
        window.onload = function() {
            console.log("");
            console.log("=========================================");
            console.log("[window onload] : [start]");
            console.log("=========================================");
            console.log("");


            /**
             * -----------------------------------------
             * [요약 개념 정리]
             * -----------------------------------------
             * 신호 전송 채널 이란 :
             * 
             * 신호 채널은 신호 메시지 (메타 데이터) 를 교환하여 애플리케이션이 피어투피어 연결을 검색, 제어 및 종료하도록 하는 리소스입니다
             * 메타데이터에는 미디어 코덱, 코덱 파라미터 및 라이브 스트리밍을 위해 두 개의 애플리케이션이 서로 연결하기 위해 사용할 수 있는 네트워크 후보 경로와 같은 로컬 미디어 정보를 포함합니다
             * -----------------------------------------
             * CreateSignalingChannel Request Params : 
             * 
             * ChannelName : 생성하고 있는 신호 채널의 이름입니다. (AWS 계정 및 리전 각각 고유한 값 필요)
             * ChannelType : 생성하고 있는 신호 채널의 유형입니다. (현재는 SINGLE_MASTER 채널 유형만 지원됩니다.)
             * Tags : 채널과 연결할 태그 세트(키-값 페어)입니다.
             * -----------------------------------------
             * 참고 사이트 : 
             * 
             * https://docs.aws.amazon.com/ko_kr/kinesisvideostreams/latest/dg/API_CreateSignalingChannel.html#API_CreateSignalingChannel_RequestSyntax
             * -----------------------------------------
            */


            // -----------------------------------------
            // [AWS.config 지정]
            // -----------------------------------------
            AWS.config.update({
              region: region,
              accessKeyId: accessKeyId,
              secretAccessKey: secretAccessKey
            });


            // -----------------------------------------
            // [AWS.KinesisVideo 객체 생성]
            // -----------------------------------------
            const kvs = new AWS.KinesisVideo();


            // -----------------------------------------

            // [신호 채널 생성에 필요한 params 정의]
            // -----------------------------------------
            const params = {              
              ChannelName: 'DEVICE_3',
              ChannelType: 'SINGLE_MASTER', // 'FULL_MESH' 는 현재 지원안하며, SINGLE_MASTER 만 가능
              Tags: [ // 태그는 AWS 리소스에 할당하는 레이블입니다 (태그를 사용하여 리소스를 검색 및 필터링하거나 AWS 비용을 추적할 수 있습니다.)
                { Key: 'StreamName', Value: 'DEVICE_3' },
                { Key: 'Environment', Value: 'Development' }
              ]
            }; 


            // -----------------------------------------
            // [AWS Kvs WebRTC 신호 채널 생성 수행 실시]
            // -----------------------------------------
            kvs.createSignalingChannel(params, (err, data) => {
              if (err) {
                console.error("");
                console.error("=========================================");
                console.error("[createSignalingChannel] : [Error]");
                console.error("---------------------------------------");
                console.error(err);					
                console.error("=========================================");
                console.error("");

              } else {
                console.log("");
                console.log("=========================================");
                console.log("[createSignalingChannel] : [Success]");
                console.log("=========================================");
                console.log("");
              }

            });

        };

        // --------------------------------------------------------------------------------------------------------------

    </script>


</head>


<body>

</body>

</html>

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[참고 사이트]
-----------------------------------------------------------------------------------------

[[Aws Kinesis Video Streams] Aws KVS 비디오 스트림 , 신호 전송 채널 차이점 설명 정리]

https://blog.naver.com/kkh0977/223854439046?trackingCode=blog_bloghome_searchlist


[자바스크립트 AWS Kvs WebRtc 생성 된 신호 채널 ARN 리스트 목록 확인 - listSignalingChannels]

https://blog.naver.com/kkh0977/223901315493?trackingCode=blog_bloghome_searchlist


[Kvs 실시간 영상 재생 관련 STUN , TUN 서버 연결 이슈]

https://blog.naver.com/kkh0977/223162726931?trackingCode=blog_bloghome_searchlist


[자바스크립트 AWS WebRTC 실시간 동영상 재생 수행 - KVS Stream Video]

https://blog.naver.com/kkh0977/223170500993?trackingCode=blog_bloghome_searchlist

-----------------------------------------------------------------------------------------
 
728x90
반응형
저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

408. (javaScript) 자바스크립트 AWS Kvs WebRtc 신호 채널 생성 수행 - createSignalingChannel  (0) 2025.06.28
406. (javaScript) 자바스크립트 AWS S3 Put 파일 업로드 수행 실시 (IAM AccessKey , SecretKey) - input type file  (0) 2025.06.26
405. (javaScript) 자바스크립트 jose 라이브러리 SecretKey 수동 설정 및 JWE 토큰 암호화 및 복호화 수행 - AES256 , A256GCMKW  (0) 2025.06.24
404. (javaScript) 자바스크립트 AWS S3 Get PreSignedUrl 프리 사인 URL 주소 생성 및 로컬 파일 다운로드 수행 - a tag link  (0) 2025.06.19
403. (javaScript) 자바스크립트 jose 라이브러리 SecretKey 수동 설정 및 JWE 토큰 암호화 및 복호화 수행 - AES128 , A128GCMKW  (0) 2025.06.19
'JavaScript' Related Articles more
Comments