2016-04-20 100 views
1

我正在使用这个简单的脚本在网站中播放背景音频主题,是否可以预发放手机上的播放?在手机上禁用音频背景

$(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); 
+2

[JavaScript的 - 检测移动浏览器](http://stackoverflow.com/questions/11381673/detecting-a-mobile-browser) –

+0

有没有文字来描述我是如何讨厌找到播放背景音频的网页...我通常关闭网页立即继续收听我的音乐。 – Lyall

+0

在awwwards.com上有一些世界上最好的使用音频背景的网站。所以我认为人们可以在离开网站之前点击开/关音频按钮。这将使电影的网站和音频成为导航体验的一部分。 – vlk

回答

0

在网络上搜索我自己的项目时,我发现http://detectmobilebrowsers.com/

例如,您可以单击JavaScript或jQuery并获取您的站点所需的脚本。有了它,您可以定义何时应该播放或不应播放音频。

0

我已经找到了一种简单的方法,根据屏幕宽度要做到这一点,也许它并不完美,但它的工作好这个网站上:

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

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

试试http://www.nuraghesmovie.com