在手機上禁用音頻背景

我正在使用這個簡單的腳本在網站中播放背景音頻主題，是否可以預發放手機上的播放？在手機上禁用音頻背景

$(document).ready(function() { 
     var audioElement = document.createElement('audio'); 
     audioElement.setAttribute('src', 'audio/theme.mp3'); 
     audioElement.setAttribute('autoplay', 'autoplay'); 
     audioElement.volume = 0.1; 
     audioElement.loop = true; 
     $.get(); 

     audioElement.addEventListener("load", function() { 
     audioElement.play(); 
    }, true);

來源

2016-04-20 vlk

[JavaScript的 - 檢測移動瀏覽器]（http://stackoverflow.com/questions/11381673/detecting-a-mobile-browser） –

有沒有文字來描述我是如何討厭找到播放背景音頻的網頁...我通常關閉網頁立即繼續收聽我的音樂。 – Lyall

在awwwards.com上有一些世界上最好的使用音頻背景的網站。所以我認爲人們可以在離開網站之前點擊開/關音頻按鈕。這將使電影的網站和音頻成爲導航體驗的一部分。 – vlk

在網絡上搜索我自己的項目時，我發現http://detectmobilebrowsers.com/。

例如，您可以單擊JavaScript或jQuery並獲取您的站點所需的腳本。有了它，您可以定義何時應該播放或不應播放音頻。

來源

2016-04-21 06:42:44 Ashielf

我已經找到了一種簡單的方法，根據屏幕寬度要做到這一點，也許它並不完美，但它的工作好這個網站上：

var screenw = $(window).width(); 

    if (screenw <= 800) { audioElement.pause(); } 
    else { audioElement.play(); }

試試http://www.nuraghesmovie.com

來源

2016-04-22 02:00:07 vlk

在手機上禁用音頻背景

回答

相關問題