투케이2K

395. (javaScript) 자바스크립트 AWS Kvs Hls StreamArn 스트림 ARN 조회 방법 본문

JavaScript

395. (javaScript) 자바스크립트 AWS Kvs Hls StreamArn 스트림 ARN 조회 방법

투케이2K 2025. 6. 16. 19:39
728x90

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : JavaScript

 

[소스 코드]

​

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

- 개발 환경 : Web

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

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





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

<!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 = async function() {
            console.log("-");
            console.log("=========================================");
            console.log("[window onload] : [start]");
            console.log("=========================================");
            console.log("-");


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



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


            // -----------------------------------------
            // [스트림 이름으로 ARN 조회 수행]
            // -----------------------------------------
            const streamName = 'DEVICE_1';
            
            kvs.describeStream({ StreamName: streamName }, function(err, data) {
              if (err) {
                console.error("-");
                console.error("=========================================");
                console.error("[describeStream] : [Error]");
                console.error("---------------------------------------");
                console.error(err);					
                console.error("=========================================");
                console.error("-");

                // [Body 표시 JSON]
                var errJson = {
                  respones: "error",
                  data: err
                }

                //document.body.innerHTML = JSON.stringify(errJson); // [1 표시]
                document.body.write(JSON.stringify(errJson)); // [2 표시]     

              } else {
                console.log("-");
                console.log("=========================================");
                console.log("[describeStream] : [Success]");
                console.log("---------------------------------------");
                console.log("StreamARN :: " + data.StreamInfo.StreamARN);
                console.log("=========================================");
                console.log("-");

                // [Body 표시 JSON]
                var resJson = {
                  respones: "success",
                  data: {
                    StreamARN: data.StreamInfo.StreamARN
                  }
                }

                //document.body.innerHTML = JSON.stringify(resJson); // [1 표시]
                document.write(JSON.stringify(resJson)); // [2  표시]
              }
            });

        };

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

    </script>


</head>


<body>

</body>

</html>

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





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

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

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


[간단 소스] Aws Kvs 실시간 영상 재생에 필요한 channelArn 신호 채널 리스트 확인 - ListSignalingChannels

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

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

'JavaScript' 카테고리의 다른 글

397. (javaScript) 자바스크립트 navigator.onLine 사용해 현재 연결 된 네트워크 온라인 및 오프라인 상태 확인  (0) 2025.06.17
396. (javaScript) 자바스크립트 AWS Kvs WebRtc 생성 된 신호 채널 ARN 리스트 목록 확인 - listSignalingChannels  (0) 2025.06.16
394. (javaScript) 자바스크립트 AWS Kvs WebRtc ChannelArn 채널 ARN 조회 방법  (0) 2025.06.16
393. (javaScript) 자바스크립트 AWS STS 임시 자격 증명 조회 방법 - AccessKeyId, SecretAccessKey, SessionToken  (0) 2025.06.16
392. (javaScript) 자바스크립트 AWS Kvs WebRTC 디바이스 역할 (master) 뷰어 다중 연결 접속 처리 - RTCPeerConnection  (0) 2025.06.14
'JavaScript' Related Articles more
Comments