목록Video (1)

Developer's blog

[JavaScript] Html5 - Video 태그를 이용한 동영상 스트리밍 기능 구현

현재 개발하고 있는 페이지에서 게임이 진행된 과정을 담은 동영상이 AWS의 S3에 저장되고 API를 통해 해당 URL을 불러와 웹 화면에서 스트리밍하는 화면을 개발하고자 한다. 이 과정에서 동영상이 저장된 정보를 불러오기 위해 서버에서 개발된 API 주소와 응답값은 아래와 같았다. /studio/channel/table/record/info 응답 값은 Ajax Success 시, data.msg.URL이라는 파라미터로 접근할 수 있었다. 처음 작성되어 있던 동영상 정보를 보여주기 위한 HTML 코드는 iframe을 이용하여 아래와 같이 작성되어 있었다. 따라서 해당 코드를 그대로 이용하기 위해 javascript를 이용하여 아래의 코드를 통해 속성을 부여하는 방법을 사용해보았다. $("iframe").a..
FrontEnd/JavaScript 2022. 4. 13. 15:52
이전 Prev 1 Next 다음