关于HTML5背景音乐的一些事情
最近有个项目,要求有新数据到达的时候,要有背景音乐提醒,本来没想太多,解决方案太多了。后来,客户要求在安卓智能端也能播放,首先想到得是HTML5的AUDIO,经过测试,在电脑端一切正常,ISO和Android禁止AUDIO的自动播放功能,放弃这个解决方案,只能想到用Flash了。客户端装Flash插件。
下面的代码兼容IE、FIREFOX和CHROME,获取flash对象:
使用:
播放:getFlashMovieObject("Myflash").Play();
暂停:getFlashMovieObject("Myflash").StopPlay();
Flash代码:
记住这个:swliveconnect="true"很重要。
文末分享一个JS版的时间线函数
下面的代码兼容IE、FIREFOX和CHROME,获取flash对象:
function getFlashMovieObject(movieName)
{
if (window.document[movieName])
{
return window.document[movieName];
}
if (navigator.appName.indexOf("Microsoft Internet")==-1){
if (document.embeds && document.embeds[movieName])
return document.embeds[movieName];
}else{
return document.getElementById(movieName);
}
}
</script>
使用:
播放:getFlashMovieObject("Myflash").Play();
暂停:getFlashMovieObject("Myflash").StopPlay();
Flash代码:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" id="Myflash" width="1" height="1"> <param name="movie" value="images/music.swf"> <param name="quality" value="high"> <param name="play" value="false"> <embed play="false" swliveconnect="true" name="Myflash" src="images/music.swf" quality="high" width="1" height="1" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </embed > </object >
记住这个:swliveconnect="true"很重要。
文末分享一个JS版的时间线函数
function getDateDiff(dateTimeStamp){
var now = new Date().getTime();
var dateTimeStamp = new Date(dateTimeStamp).getTime();
var diffValue = now - dateTimeStamp;
var monthC =diffValue/18144000000;
var weekC =diffValue/604800000;
var dayC =diffValue/86400000;
var hourC =diffValue/3600000;
var minC =diffValue/60000;
if(monthC>=1){
result=parseInt(monthC) + " month ago";
}
else if(weekC>=1){
result=parseInt(weekC) + " week ago";
}
else if(dayC>=1){
result=parseInt(dayC) +" day ago";
}
else if(hourC>=1){
result=parseInt(hourC) +" hour ago";
}
else if(minC>=1){
result=parseInt(minC) +" minute ago";
}else
result="Just Now";
return result;
}
//使用getDateDiff("2014/5/15 15:24:5");