歡迎回來，在這一課，我們將專注於增加音頻音樂樣本因此增加，我們會打的時候我們到了每個鍵，還注重讓每個按鍵它自己的顏色，這樣我們並不總是得到這些橙色褪色的黃色和綠色的，然後，但我們將有一些是紫色的一些是藍色的，你可以在這裡看到所有不同的顏色。
但它總是相同的顏色像ħ任何給定的關鍵始終這橙色的提示總是這一點，氏t Y和等。
好。
所以上手我們就找出我們如何能在所有播放聲音。
因此，只要我們如何使用觸發一個Hallard聲音。
是在豪斯勒基本上Paperchase相反，只要它的複雜性它真的很簡單，這使得它非常好的。
同樣，你可以播放的音頻沒有庫，但它是一點點。
當你想要做這樣的事情我們想做的事情，我們不只是打一個合理的時間，但我希望能夠在連續觸發聲音十倍像比方說我這樣做是有點痛苦在這裡廢話我希望能夠做一些像有參與使這一行為事實上，我們希望它的工作方式的一點點。
這真的很容易發揮的聲音像是播放一首歌曲這實在是煩人的，但如果你去到一個網站，有一些你知道的某種聲音或歌曲它扮演這是非常簡單的使用h恬貓頭鷹和JavaScript的做背景。
但要做到這樣的事情，我們可以有一堆同時聲音的打算，我們可以重複的事情，這將是一個更容易使用類似HallardĴ我們。
如此反复並非不可能。
就像任何一個圖書館做了你可以自己做。
但是，我們不會真的想要。
因此，如果我們來看看它是如何工作的，這是所有我們需要在我們創建一個新的如何在這裡使用的代碼，這一點點。
因此，如何是，我們正在初始化，知道是怎麼回事。
然後，我們給它，我們要播放的文件的幾個URL列表。
讓我們給它這些不同的數組的原因，你即使他們看起來像他們，他們只是不同的文件類型和你把他們的順序是相同的順序號哭會嘗試加載不同的文件他們進來。
所以基本上有一定類型的文件，將在每一個瀏覽器上運行他們中的一些，不會在每一個瀏覽器。
所以，你可以指定特定的備份。
我們不打算這樣做。
我們只擁有一個單一的文件。
但是，如果你想有備份基本上是，工程，據我所知道的方式至少可以讀到這裡我敢肯定。
在這裡，我們去你，否則你是其他來源的曲目或曲目要加載的聲音。
這些應該是優先的順序。
霍華德了Jasc會自動加載第一個是與當前瀏覽器兼容。
所以你去。
我們可以添加在同一首歌曲的其他版本。
在我們的例子相同的樣品，並大聲叫喊會自動加載第一個是兼容的。
好。
所以，我們雖然需要的代碼是新豪威爾。
然後你去，就是這樣。
然後當我們準備好發揮它直接調用播放。
你可以看到這裡，我們不會停止它。
我們不會暫停。
我們不會因為循環聲音我們真的很短。
所以，我們只是希望他們玩，讓他們完成了。
每個人都是半秒和第二之間的某處左右。
所以，如果你還沒有這樣做的話，那就下載具有所有的聲音的壓縮文件，拖進你去哪裡了編寫代碼的同一目錄。
因此，而不是聲音，我們有所有這些文件。
好吧。
而我們需要做的下一件事就是安裝豪斯勒為了使用它。
所以，你可以下載它。
但只是為了各種我將使用一個CDN。
所以，我只是做了CDN吼副本這第一的搜索。
你都在這裡隨時可以測試出來看它是否是有效的。
開始了。
下面是對吼的代碼。
完善。
讓我們回到我們的應用程序，然後我們只需添加一個腳本。
所以紙後就可以複製的，只是更改源要你知道，我們要確保它沒有任何問題加載確定的號哭。
完善。
接下來，我們實際上使我們的第一次號啕大哭。
因此，讓我們再次從艾森豪威爾複製該代碼。
只要看看這第一個在這裡，讓我們做吧往上頂開始。
所以，我們只是做是正確的這裡，我們會說VAR的聲音等於知道如何，然後我們只是把一個文件，讓我們做我們所看到的第一個。
所以氣泡得到了MP 3，使裡面的聲音目錄泡斜線螺柱MP 3。
這樣的聲音。
斜線泡沫。
我已經忘了使用的氣泡。
你去那裡。
處於多元。
所以喜歡你的聲音氣泡。
MP 3，這就是我們所需要的。
而且我們不要打它的時候了。
我們只是創造。
這就是我們需要做的。
然後發揮它讓我們只玩。
當您按下一個鍵，因此它的聲音玩點真的很好，簡單，讓我們來看看試試。
在那裡，我們走了。
因此，每個鍵按下一串不同的鑰匙現在觸發聲音確定。
但願，這不是太煩人了。
所以，接下來，讓我們專注於另一種聲音加入。
所以我們就做了兩下手。
因此，我們有氣泡。
讓我們做克萊MP3這樣我們就可以做的僅僅是複製這個，做一個完善的二等於新豪威爾，我們會盡聲音斜線粘土和P3。
然後，我們將在這裡做的是if語句有一個。
因此，讓我們專注於兩個鍵。
讓我們做一個和s。
所以，如果你按一個鍵，如果是那麼我們將播放的聲音，讓我們把它叫做鳴放一只是使其更清晰，如果關鍵的是S你把引號這一點。
然後，我們將播放聲音了。
所以告訴按下了什麼鍵它與Paperchase真的很簡單，我們在這裡有這個事件對象，我們需要做的是事件的關鍵點。
所以，如果事件關鍵等於我們就看一個if語句。
然後，我們只是做一個播放的聲音之一。
所以，這聲音一玩，然後做同樣的事情。
如果事件的關鍵點等於平等，則X會做播放聲音了。
所以播放聲音就這樣。
因此，我們可以嘗試了這一點。
所以，唯一的關鍵鑰匙和S應觸發的東西。
所以我要告訴你，現在我打q看起來我們有一個錯誤。
什麼是我們到達這裡。
聲音沒有定義。
這裡忽略這些警告現在，我們將在解決了那些在最後。
它是一個更複雜的問題，但它實際上不會在我們的代碼工作開始的方式獲得。
但這樣會太傻了錯誤。
我在這裡引用的聲音。
我們沒有聲音了。
好。
所以，現在應該沒有什麼發揮。
當我打到最關鍵，但我會​​打A K其它鍵，現在只好秒。
因此，我們有A N秒。
完善。
現在，我們可以做什麼以及是指定顏色各一，所以我們可以做這樣的事情。
讓我們將這個移動到同一個按鍵底部下降，但我們推右才可以有這樣的事情，如果事件，他有一個聲音一出戲，我們可以設置新的圓的色點填充顏色等於，然後我們可以給它一個顏色喜歡看3 5 0，然後做同樣的事情。
如果我們按S鍵，但用不同的顏色一樣，讓我們做一個16 0 8 5，然後我們就可以有一個else，希望你在想自己這可能不是這樣做的最佳方式。
這可能有兩個是確定，我們可是你知道20 30或50鍵。
我們使用全鍵盤和所有不同的字符。
這將是一個很大的代碼。
但讓我告訴你現在。
所以CUE大多數顏色或大部分鍵不播放聲音。
他們給我們相同的顏色。
現在，如果我有一個UPS我打兩把鑰匙一給了我們一個稍微不同的顏色給了我們一個藍色。
所以，當然，我這裡挑的顏色是很難的。
這是很難看到讓我改變的變化是紫色。
且技術上我們應該做這樣的一個人。
如果是這樣，我們將檢查重點是LCF和else如果我們有兩個if語句。
這一次將運行，然後我們還有一個如果，如果這不是真的那麼ELSO是真實的，但它沒有考慮到這個帳戶出現。
因此，如果我們只想要其中的一個是真實的是我們只想要一個顏色紫藍色或橙色。
然後，我們希望他們成為其中的一部分，如果語句，但它其實並不重要，因為我們要在短短一秒鐘改變這一點。
現在我們這裡的刷新是正常的鑰匙。
我打了，雖然我們得到的紫色命中隨著我們的藍色和兩種不同的聲音。
好。
所以這是我們如何使用豪斯勒。
現在，我們要為每一個關鍵做到這一點，有比我們這裡有一個更好的方法。
所以，我真的要，因為我們可以擺脫這一切。
正如我前面提到有一個if語句為每一個關鍵，如果關鍵是這樣做，如果關鍵的是B和為每一個鍵。
但是，這真的不是一個很好的做法。
所以，我們要做的卻是定義一個對象，我們只是把它稱為關鍵數據，它是一個對象。
這是它的樣子。
因此，我們將有一個像一把鑰匙。
然後按下一個，當我們會說顏色應該是紫色和聲音應該的。
讓我們只是把這個所有的東西在那裡。
所以我去了這個在短短一秒鐘。
首先，讓我把這個在這裡，然後我們可以為我們再做一次同樣的事情。
所以，當按下顏色應該是綠色和聲音應該是新的。
怎麼會。
同樣的事情，你要不，讓我們做無害斜線克萊認為MP3，然後我們能做到這一點，每一個鍵。
是的這是一個很大的語法，但這裡的好處是，我們有我們所有的數據一個地方被定義，然後我們不需要if語句或在一個單獨的條件為每一個鍵。
所有這一切，我們所要做的就是帶你在哪裡，實際上擺脫了事件的關鍵點。
在這裡把這個權利。
事件的關鍵點是被按下的鍵。
讓我們說，這封信J.
如果是這樣的情況下，我們只是把它並把它插入到的關鍵數據，這將給予我們紫色的聲音。
這是聲音。
所以，我會告訴你我是什麼意思。
就讓我們一起去這兩個例子，並使它更明顯，讓我們多了一個重複的我們有什麼補充。
因此，我們有N s個我們也在做D.
和顏色可以它太黃則和的聲音。
還有什麼做的，我們有。
讓我們做紙屑。
完善。
擺脫這種尾隨逗號。
現在，我們可以擺脫這一點，我們需要改變這個局面一點點，會做的是採取事件鴨鑰匙，和我們的關鍵數據插上接下來的事情。
因此，我們可以做這樣的事情。
主要數據支架事件關鍵，而會給我們如果如果s事件是他在這裡給了我們這整個事情，然後我們可以做的顏色，所以我們可以從那裡開始。
所以，我們要做的是，我們推新圈子，我們只想說新圈填充顏色等號鍵數據事件的關鍵顏色之前。
所以剛才重申暗鍵是一個字母。
在我們的例子，我們會確保它是一個字母。
從技術上講可以是一個數字或shiftier標籤，但它被按下的鍵。
然後，我們採取將其插入的關鍵數據。
我們得到這整個事情了。
如果eventime關鍵的是，當用戶按下一個那麼我們正在做的深色這讓我們的紫色。
於是我們正在制定新的圈子，但填充顏色是紫色。
如果事件達克基是一個通知，但是我們不必須有一個if語句來做到這一點。
所以，我們不必說，如果土耳其，如果事件的關鍵是要求做到這一點做到這一點。
這是在同一行不管。
因為我們有這樣一本詞典或我們的數據，這一個代碼的定義有當然是一個問題。
這將只為S和D的工作現在。
所以，我會告訴你刷新確保我們沒有任何語法錯誤。
我們這樣做無法讀取顏色或無法正確讀取彩色未定義的，這不是一個語法錯誤。
這是我很期待的錯誤。
所以，我會告訴你。
我會按一個好按一個或S都還不錯和D
但現在我按Q鍵，我們有一個問題。
那是因為，這是問未定義密鑰數據不存在。
我們有一個S和D.
所以這是一個問題。
要解決這個問題的方法很簡單。
所有我們要做的是檢查，如果你在這裡做的權利。
該按鍵如果k​​ey數據托架事件Docky的頂部內。
所以記住，如果這是truthy基本上，如果它存在的話，我們會做這一切。
否則，如果不存在，我們不會做任何事情來啟動。
其實我不會做所有事情。
所以，現在我們的蘋果只工作，它會做什麼或者只有當您按下S和D.做任何事
因此，只要回去，讓我們確保工程現在。
Q什麼也沒有發生。
我按下一串鑰匙。
現在，我打了。
和它的作品。
S和D，但沒有其他的按鍵做任何事情。
大。
所以，現在，讓我們的聲音播放。
所以，這也是不錯的，簡單。
我們只需要關鍵數據事件，按鍵聲音，我不知道我為什麼叫這兩個聲音本來應該的聲音。
在那裡，我們去了聲點戲。
記住Venki插入此savey按D.
我們得到這個對象。
我們做它的DAT聲音。
我們得到這個，我們然後運行在玩像以前一樣。
OK，讓我們給它一個鏡頭。
A作為。
與其他鍵什麼都不做。
完善。
所以我們已經離開這裡做的其實只是添加在所有她的其他按鍵，這將是真正痛苦的，你看我從頭開始鍵入。
我有一個預做我給你在下載的文件。
我把它叫做日常。
是。
因此，如果我們打開了它只是具有所有字母鍵的一個巨大的對象。
所以我們其Q寬E河
他們不是真正以任何順序。
那麼，他們只不過是沒有特定的順序，只要顏色和聲音。
我拿起隨機的，他們每個人都有一個顏色。
因此，如果我們複製這個和替換我們這裡要確保我們把它的關鍵數據完美。
現在我們提供了冠冕堂皇的色彩的這本字典為每一個關鍵的每一個字母至少鍵。
我們可以使用它。
我們沒有做任何改動我們的代碼。
所以，如果我們想在我們要在標籤中添加和轉移和逃生和其他任何我們只是這個對象上添加額外的屬性數字鍵加上真的很不錯。
因此，讓我們嘗試一下關閉它刷新。
完善。
好吧。
所以不要在這裡帶走。
雖然蠻好玩的。
好。
好吧這就足夠了。
因此，我們已經介紹了很多，但在一天結束的時候我們真正做的是採取一些代碼，我們發現做一個圓。
我們採取了一些代碼，我們發現動畫一個圓圈來改變顏色。
我們發現了一些代碼來執行事件。
所以，當你按下一個鍵。
然後我們再加上一些其他的代碼，我們發現播放一些音樂。
而當你把它放在一起，你可以做一些很酷的東西，還有很多更可以在這裡做。
而且我們不是100％的完成。
我們正與功能，所以我們不會在任何新功能加入，也不會看任何不同的實現。
但是，如果你打開控制台，你會看到我們得到了所有這些無法加載文件SML HTP請求交叉起源。
等等等等等等。
我將在未來的視頻。
說說為什麼會發生的事情，以及如何，我們可以修復它。
然後，我們會做的另一件事就是談論這個重構因為每次現在我按我加入一個新的圓，圓的陣列和我從來沒有從陣列中除去其中的一條小路上。
所以我可能會在10000有現在。
好吧，我不，但我可能有一百個，有200和我們遍歷整個這件事。
即使我們沒有看到圓圈，因為他們是如此之小。
所以我們做一個小的變化，以擺脫那些在未來的視頻。
但同樣我們與功能，這樣做，如果你不小心看到，你只是喜歡這樣做，並且希望繼續前進。
繼續前進，繼續前進到下一個單元。