전체 글73 tizen avplay with async async/await를 사용하여 모든 비동기 처리를 처리하는 방법으로 코드를 변경하겠습니다. AVPlay API의 경우에는 콜백 기반의 `prepareAsync`를 Promise로 감싸주어야 하므로, 이를 async/await 구문과 함께 사용할 수 있도록 함수를 수정하겠습니다. ### HTML 구조 ```html ``` ### JavaScript 코드 (`player.js`) ```javascript var imagePlayer = document.getElementById('imagePlayer'); var videoPlayer1 = document.getElementById('videoPlayer1'); var videoPlayer2 = document.getElementById('videoPlay.. 2024. 7. 25. tizen avplay image&video 타이젠 TV에서 AVPlay API를 사용하여 4K 해상도로 비디오를 재생하려면 몇 가지 설정을 해야 합니다. AVPlay는 자동으로 스트림의 해상도를 감지하고 해당 해상도로 디코딩합니다. 그러나 디스플레이 설정을 통해 4K 해상도를 명시적으로 지정할 수 있습니다. 일반적으로 4K 해상도는 3840x2160 픽셀입니다. ### AVPlay API를 사용하여 4K 비디오 재생하기 ```javascript var avPlayer = webapis.avplay; function prepareVideo(url) { return new Promise((resolve, reject) => { avPlayer.open(url); avPlayer.setDisplayRect(0, 0, 3840, 2160); // 4K .. 2024. 7. 25. image, 2videos 두 개의 AVPlay 인스턴스를 사용하여 첫 번째 영상이 재생 중일 때 다음 영상을 미리 준비하고, 이미지와 영상을 섞어 무한히 재생할 수 있도록 코드를 개선하겠습니다. 이를 위해 두 개의 AVPlay 인스턴스를 번갈아 가며 사용하고, 이미지와 영상을 섞어 재생합니다. ### HTML 구조 ```html ``` ### JavaScript 코드 (`player.js`) ```javascript var imagePlayer = document.getElementById('imagePlayer'); var videoPlayer1 = document.getElementById('videoPlayer1'); var videoPlayer2 = document.getElementById('videoPlayer2');.. 2024. 7. 22. avplay with image `videoPlayer` 요소는 AVPlay API를 사용하여 비디오를 재생할 때 사용됩니다. HTML 구조를 변경하여 비디오 재생을 위한 컨테이너 역할을 하도록 설정하고, AVPlay API를 초기화할 때 `videoPlayer`를 사용합니다. 수정된 HTML 구조와 JavaScript 코드는 다음과 같습니다: ### HTML 구조 ```html ``` ### JavaScript 코드 (`player.js`) ```javascript var imagePlayer = document.getElementById('imagePlayer'); var videoPlayer = document.getElementById('videoPlayer'); var avPlayer = webapis.avplay; var p.. 2024. 7. 22. 이전 1 ··· 6 7 8 9 10 11 12 ··· 19 다음