關于給網站添加聲音這件事情，設計師一般都很謹慎。特別是企業網站的設計師，一般都不會考慮添加聲音。從用戶體驗的角度看，不加聲音當然是好的。但是從營銷的角度看，網站聲音也的確有營銷效果。該不該給網站加上聲音呢？
播放聲音的優勢
我們認為，讓一個網站播放聲音，有如下三大優勢：
通知和提醒。很少有事情能像高音調的噪音那樣讓你知道你應該集中注意力。老師的手指甲在黑板上，電話有鈴聲，貓和嬰兒用非常相似的音調來讓我們抓狂。早在個人電腦出現之前，界面和產品設計師就已經利用了這一原則。它是有效的。
這些只適用于聊天對話，或者用戶特別要求的通知。當你在等待信息的時候，你需要在信息到來的那一刻集中注意力，一個警報的聲音可能會很受歡迎。
成功的警報。在我們的網頁和應用程序設計中，我們可能會更多地使用一種模式，那就是一點聲音，告訴人們事情進展順利。至少對于我們這些游戲玩家來說，每次你贏得一場戰斗或完成一個關卡時都會播放勝利音樂。如果你能找到一個簡短的“成功”的聲音，喚起懷舊和多巴胺的打擊，而不只是惱人的人，你可能就是一個贏家。
可訪問性增強。警報聲音都很好，但是如何利用聲音的力量來幫助人們解決視力問題呢?當然，也有屏幕閱讀器之類的，但是如果你知道你的大部分用戶都有視力問題，你可以考慮給他們一些可選的音頻提示，讓事情變得更簡單。
想想按鈕上的“點擊”聲，當你使用滑塊上的“點擊”和“拖動”按鈕時，它的音調會發生變化，這是一種觸覺反饋的一般感覺，通常可以用動畫表現出來。對于視力不好的人來說，聲音是一種非常有用的擬物化形式。
如何給網站添加聲音？
播放聲音。
JavaScript是唯一的方法。當然，你可以用HTML5嵌入一個聲音，但那只會為你提供一個音頻播放器。如果你想以一種更實用的方式將聲音整合到你的UI中，JS是唯一的方法。
如果你從來沒有故意添加聲音到你自己的頁面，或者只是不太熟悉JS，這里是如何播放聲音點擊。現在，這已經很好了，但是如果你的用戶在尋找按鈕時遇到了麻煩呢?您可能想看看css技巧教程。
關閉選擇。
總是給人們一種方法來關閉聲音，永遠。下一個問題當然是，默認情況下是否應該將聲音設為on。同樣，如果你希望有很多視障人士在你的網站上，你可以考慮讓聲音默認播放，然后寫上一個大大的“你可以關掉這些聲音”。
聲音文件可以，根據它們的質量，在帶寬上給人們造成很大的沖擊。使用CDN的帶寬，并緩存出所有的聲音文件，這樣可以讓網頁更快一些。