如何在不激怒用戶的情況下向您的網(wǎng)站添加聲音?杭州網(wǎng)站建設(shè)

有時(shí)，每位專業(yè)人員都會(huì)遇到如此巨大，如此荒謬的挑戰(zhàn)，以至于他們無(wú)濟(jì)于事。他們只需要為此而努力。這就像大衛(wèi)和歌利亞的故事……如果大衛(wèi)只是無(wú)聊而歌利亞并沒(méi)有威脅到他的整個(gè)國(guó)家。至于我，我要主張的把聲音的網(wǎng)站上，并討論如何做是正確的。 是的，我知道……我是“您網(wǎng)站上從未有過(guò)自動(dòng)播放聲音”的人之一。

即使這樣，我們也來(lái)了。而且，杭州網(wǎng)站建設(shè)派迪科技不會(huì)通過(guò)談?wù)撉度胧揭曨l，播客或Soundcloud包裝來(lái)作弊。我也不打算談?wù)摫尘耙魳?lè)，甚至不談?wù)摥h(huán)境背景聲音，因?yàn)槲艺J(rèn)為所有這些仍然很邪惡。 即使搜索有關(guān)聲音正確的站點(diǎn)的示例也是幾乎不可能的，因?yàn)樗兴阉鹘Y(jié)果都是以音樂(lè)為中心的示例，或者是有關(guān)您永遠(yuǎn)不應(yīng)該使用聲音的文章。 但是正如它耿耿于懷我承認(rèn)這一點(diǎn)，也有添加聲音您的網(wǎng)站和應(yīng)用......偶爾的情況下...在非常特殊的情況......的樣子，我也不會(huì)承擔(dān)任何責(zé)任，你可能會(huì)失去任何顧客，好嗎？這是一項(xiàng)理性的練習(xí)，應(yīng)該不言而喻，無(wú)論您做什么，都應(yīng)該有一種永遠(yuǎn)關(guān)閉它的方法。

 添加聲音的案例 通知和警報(bào) 幾乎沒(méi)有什么可以讓您知道應(yīng)該像高音調(diào)的噪音那樣引起注意。老師的指甲貼在黑板上，電話上貼著手機(jī)的鈴聲，貓和嬰兒使用非常相似的音調(diào)專門(mén)使我們發(fā)瘋/從您那里得到他們想要的東西。接口和產(chǎn)品設(shè)計(jì)師早在個(gè)人計(jì)算機(jī)還沒(méi)有成為現(xiàn)實(shí)之前就已經(jīng)利用了這一原理。有效。 我認(rèn)為這些僅適用于聊天對(duì)話或用戶特別要求的通知。當(dāng)您等待信息時(shí)，您需要在信息到達(dá)時(shí)立即注意，警報(bào)音可能會(huì)受到贊賞。 例子包括從Facebook Messenger和Slack到新聞聚合器，再到各種約會(huì)應(yīng)用程序，應(yīng)有盡有。 信使 成功警報(bào) 我們可能會(huì)在網(wǎng)絡(luò)和應(yīng)用程序設(shè)計(jì)中使用更多的一種模式，實(shí)際上是有些聲音可以告訴人們事情進(jìn)展順利。

至少對(duì)于我們這些游戲玩家而言，他們通常對(duì)勝利音樂(lè)懷有美好的回憶，每次您贏得戰(zhàn)斗或完成關(guān)卡時(shí)，它們都會(huì)播放。如果您能找到讓人聯(lián)想到懷舊和多巴胺的簡(jiǎn)短“成功”聲音，而不僅僅是討厭的人，那么您可能就是贏家。 輔助功能增強(qiáng) 警報(bào)的聲音都很好，但是如何利用音頻的力量來(lái)幫助有視力障礙的人呢？當(dāng)然，有屏幕閱讀器之類，但是，如果您知道大部分用戶群存在視力問(wèn)題，則可以考慮給他們提供可選的音頻提示，以使事情變得更容易。 考慮一下按鈕上的“點(diǎn)擊”聲音，使用單擊并在滑塊上拖動(dòng)時(shí)改變音調(diào)的音調(diào)，通常可以由動(dòng)畫(huà)表示的觸覺(jué)反饋的一般含義。對(duì)于視力不好的人，聲音是擬態(tài)的一種非常有用的形式。 

藝術(shù)實(shí)驗(yàn) 然后，當(dāng)然，我們可以在您投資組合的“實(shí)驗(yàn)”部分或您的CodePen個(gè)人資料中找到這類信息。這是一個(gè)充滿他們的網(wǎng)站：Chrome音樂(lè)實(shí)驗(yàn)室。 音樂(lè)實(shí)驗(yàn)室 實(shí)施聲音的一般技巧 實(shí)際播放聲音 JavaScript是唯一的實(shí)現(xiàn)方式。當(dāng)然，您可以在HTML5中嵌入聲音，但這只會(huì)為您提供音頻播放器。如果您試圖以更實(shí)用的方式將聲音集成到UI中，那么JS是唯一的方法。

我的意思是，當(dāng)然，從技術(shù)上講，我們?nèi)匀挥蠸ilverlight，但是誰(shuí)又會(huì)回去使用插件呢？ 如果您以前從未有意向自己的頁(yè)面添加聲音，或者對(duì)JS不太熟悉，請(qǐng)按以下步驟在click上播放聲音?，F(xiàn)在，這一切都很好，但是如果您的用戶在查找按鈕時(shí)一開(kāi)始便遇到麻煩，該怎么辦？您可能想看一下CSS-Tricks上的本教程，該教程介紹了當(dāng)有人將鼠標(biāo)懸停在某個(gè)元素上時(shí)如何播放聲音。

 您仍然必須盡量不要惹惱別人 永遠(yuǎn)，永遠(yuǎn)，永遠(yuǎn)給人們一種永久關(guān)閉聲音的方法。當(dāng)然，下一個(gè)問(wèn)題是默認(rèn)情況下是否應(yīng)該打開(kāi)聲音。我的票？不，嗯，在大多數(shù)情況下。

同樣，如果您希望站點(diǎn)上有很多視力障礙的人，則可以考慮默認(rèn)情況下播放聲音，并大寫(xiě)“您可以關(guān)閉這些聲音，請(qǐng)不要逃跑！”和中心。 最后… 聲音文件可能會(huì)在帶寬上造成嚴(yán)重影響，具體取決于它們的質(zhì)量。使用CDN作為您的帶寬，并為用戶的帶寬而緩存所有聲音文件中的內(nèi)容。接下來(lái)，查看Aural樣式表，并認(rèn)真思考如何將您的網(wǎng)站呈現(xiàn)給屏幕閱讀器。

 你會(huì)看嗎？我只是說(shuō)服自己，互聯(lián)網(wǎng)上的聲音是個(gè)好主意。我現(xiàn)在應(yīng)該停下來(lái)。