如何添加聲音到您的網(wǎng)站設(shè)計(jì)中，而不激怒用戶發(fā)布者：本站 時(shí)間：2019-11-13 09:11:14
偶爾，每個(gè)專業(yè)人士都會(huì)遇到巨大、荒謬的挑戰(zhàn)，以至于他們無法控制自己，但他們必須去爭取。就像大衛(wèi)和歌利亞的故事…如果大衛(wèi)只是覺得無聊歌利亞并沒有威脅到他的整個(gè)國家。今天我們將來討論如何把聲音放到一個(gè)網(wǎng)站設(shè)計(jì)上，并討論它如何會(huì)做得更好。
是的，我知道，我是那種“永遠(yuǎn)不要在你的網(wǎng)站上自動(dòng)播放聲音”的人。即便如此，我們還是在這里，我不會(huì)通過討論嵌入式視頻、播客或Soundcloud包裝器來作弊。我也不會(huì)談?wù)摫尘耙魳罚踔林皇黔h(huán)境背景音，因?yàn)樵谖铱磥?，所有這些都是邪惡的。
即使是尋找關(guān)于聲音處理正確的網(wǎng)站設(shè)計(jì)的例子也幾乎是不可能的，因?yàn)樗械乃阉鹘Y(jié)果要么是以音樂為中心的例子，要么是關(guān)于你永遠(yuǎn)不應(yīng)該使用聲音的文章。
但不得不承認(rèn)，在某些情況下，在你的網(wǎng)站設(shè)計(jì)和網(wǎng)站應(yīng)用程序中添加聲音，在某些特定的情況下，不會(huì)為你可能失去的客戶負(fù)責(zé)，明白嗎？這是一種智力練習(xí)，不用說，不管你做什么，總有辦法讓它永遠(yuǎn)消失。
添加聲音的例子
通知和提醒
很少有事情能像高音調(diào)的噪音那樣讓你知道你應(yīng)該集中注意力，老師的手指甲在黑板上，電話有鈴聲，貓和嬰兒用非常相似的音調(diào)來讓我們抓狂。早在個(gè)人電腦出現(xiàn)之前，界面和產(chǎn)品設(shè)計(jì)師就已經(jīng)利用了這一原則。它是有效的。
個(gè)人認(rèn)為這些只適用于聊天對話，或者用戶特別要求的通知。當(dāng)你在等待信息的時(shí)候，你需要在信息到來的那一刻集中注意力，一個(gè)警報(bào)的聲音可能會(huì)很受歡迎。
例如，從Facebook Messenger和Slack，到新聞聚合器，再到各種約會(huì)應(yīng)用，無所不包。
成功的警報(bào)
在我們的網(wǎng)站設(shè)計(jì)和應(yīng)用程序設(shè)計(jì)中，我們可能會(huì)更多地使用一種模式，那就是一點(diǎn)聲音，告訴用戶事情進(jìn)展順利。至少對于我們這些游戲玩家來說，每次你贏得一場戰(zhàn)斗或完成一個(gè)關(guān)卡時(shí)都會(huì)播放勝利音樂。如果你能找到一個(gè)簡短的“成功”的聲音，喚起懷舊和多巴胺的打擊，而不只是惱人的人，你可能有一個(gè)贏家。
可訪問性增強(qiáng)
警報(bào)聲音都很好，但是如何利用聲音的力量來幫助人們解決視力問題呢？當(dāng)然，也有屏幕閱讀器之類的，但是如果你知道你的大部分用戶都有視力問題，你可以考慮給他們一些可選的音頻提示，讓事情變得更簡單。
想想按鈕上的“點(diǎn)擊”聲，當(dāng)你使用滑塊上的“點(diǎn)擊”和“拖動(dòng)”按鈕時(shí)，它的音調(diào)會(huì)發(fā)生變化，這是一種觸覺反饋的一般感覺，通?？梢杂脛?dòng)畫表現(xiàn)出來。對于視力不好的人來說，聲音是一種非常有用的擬物化形式。
藝術(shù)實(shí)驗(yàn)
當(dāng)然，我們有可能在您的投資組合的“實(shí)驗(yàn)”部分，或在您的CodePen配置文件中。這是一個(gè)滿是他們的網(wǎng)站：Chrome音樂實(shí)驗(yàn)室。
實(shí)現(xiàn)聲音的一般技巧
播放聲音
JavaScript是唯一的方法，當(dāng)然，你可以用HTML5嵌入一個(gè)聲音，但那只會(huì)為你提供一個(gè)音頻播放器。如果你想以一種更實(shí)用的方式將聲音整合到你的UI中，JS是唯一的方法。意思是，當(dāng)然，技術(shù)上我們?nèi)匀挥蠸ilverlight，但是誰會(huì)回到使用插件呢？
如果你從來沒有故意添加聲音到你自己的頁面，或者只是不太熟悉JS，這里是如何播放聲音點(diǎn)擊?，F(xiàn)在，這已經(jīng)很好了，但是如果你的用戶在尋找按鈕時(shí)遇到了麻煩呢？您可能想看看本教程的css技巧，如何播放聲音時(shí)，有人懸停在一個(gè)元素。
你還是要盡量不去惹惱別人
總是給用戶預(yù)留一種方法來關(guān)閉聲音，下一個(gè)問題當(dāng)然是，默認(rèn)情況下是否應(yīng)該將聲音設(shè)為不。同樣，如果你希望有很多視障人士在你的網(wǎng)站設(shè)計(jì)上，你可以考慮讓聲音默認(rèn)播放，然后寫上一個(gè)大大的“你可以關(guān)掉這些聲音，請不要關(guān)閉頁面！”注意前面和中間。
最后
聲音文件可以，根據(jù)它們的質(zhì)量，在帶寬上給人們造成很大的沖擊。使用CDN的帶寬，并緩存出所有的聲音文件，為您的用戶的帶寬。接下來，看看聽覺樣式表，認(rèn)真思考你的網(wǎng)站設(shè)計(jì)是如何呈現(xiàn)給屏幕用戶的。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計(jì)水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話：021-58370032