p5.js MediaElement duration()用法及代碼示例

p5.js庫中p5.MediaElement的duration()方法用於返回對其進行調用的媒體元素的持續時間。返回的持續時間以秒為單位顯示。

用法:

 duration()

參數：該函數不接受任何參數。

返回值：此方法返回一個數字，該數字表示媒體元素的當前時間。

在實現以下示例時，HTML頁麵的“head”部分中包含以下庫。

<script src=”p5.Image.js”></script>
<script src=”p5.min.js”></script>

例：下麵的示例說明了p5.js庫中的duration()方法。

Javascript

function setup() { 
    createCanvas(500, 300); 
  
    textSize(18); 
  
    example_media = 
      createVideo("sample-video.mp4"); 
    example_media.size(300, 150); 
    example_media.position(20, 100); 
    example_media.play(); 
  
    text("Click on the button to get " + 
         "the duration of the media", 20, 20); 
  
    let durationBtn = 
        createButton("Get Duration"); 
    durationBtn.position(30, 40); 
    durationBtn.mousePressed(getDuration); 
} 
  
function getDuration() { 
  
  // Get the duration of the media element 
  let media_duration = 
      example_media.duration(); 
  
  text("The duration of the media is:"
       + media_duration + " seconds", 
       20, 280); 
}

輸出：

在線編輯： https://editor.p5js.org/
環境設置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
參考：https://p5js.org/reference/#/p5.MediaElement/duration

相關用法

注：本文由純淨天空篩選整理自sayantanm19大神的英文原創作品 p5.js MediaElement duration() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。