iT邦幫忙

2021 iThome 鐵人賽

DAY 12
0
Modern Web

JavaScript 嗨起來用 JS 做動畫 ε= ᕕ( ᐛ )ᕗ系列 第 12

Day12 - audio tag 幫我設定背景音樂

  • 分享至 

  • twitterImage
  •  

透過 audio tag 設定背景音樂

class BGM {
    constructor() {
        this.audio = document.createElement("audio");
        // 音樂來源
        this.audio.src = "https://www.bensound.com/bensound-music/bensound-hipjazz.mp3";
        // 當瀏覽器載入頁面時也一併載入音樂
        this.audio.setAttribute("preload", "auto");
    };
    
    // 播放音樂
    play(){
        this.audio.play();
    };
    
    // 暫停播放
    pause(){
        this.audio.pause();
    };
};

var bgm = new BGM()

今天記到這邊,大家晚安,如果以上內容有理解錯誤的地方都希望能再協助糾正,感恩的心 ε= ᕕ( ᐛ )ᕗ


上一篇
Day11 - Bmo 眼睛嘴巴動起來
下一篇
Day13 - 明天複習貪食蛇,今天先鋪舞台
系列文
JavaScript 嗨起來用 JS 做動畫 ε= ᕕ( ᐛ )ᕗ17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言