Buspak 项目有用代码收集

最新推荐文章于 2022-04-26 13:32:22 发布

原创最新推荐文章于 2022-04-26 13:32:22 发布 · 564 阅读

0 ·

CC 4.0 BY-SA版权

PHP基础技术专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一段代码，包含判断设备类型、检查HTML5支持情况、在页面上加入声音功能的技术实现，以及如何根据不同浏览器环境进行适配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Buspak 这个项目去年是TK写的，今年交给我照着来写，虽然是仿照，依然的收获：

1、判断是否为手机版在看网页？

// check OS
if (substr_count($_SERVER['HTTP_USER_AGENT'], "iPhone") || substr_count($_SERVER['HTTP_USER_AGENT'], "iPad") || substr_count($_SERVER['HTTP_USER_AGENT'], "Android") || substr_count($_SERVER['HTTP_USER_AGENT'], "webOS") || substr_count($_SERVER['HTTP_USER_AGENT'], "iPod"))
	Redirect("mobile_index.php");

2、判断是否支持Html5:

<script language="javascript">

		//alert(idx);

	if (navigator.geolocation)
		{
			//self.location.href  ="sender_<?php echo $_SESSION['post']['idx']; ?>/sender_<?php echo $_SESSION['post']['idx']; ?>.html";
			self.location.href  ="sender_<?php echo $_SESSION['post']['idx']; ?>/sender.php";
		}
		else
		{
			self.location.href = "CNY_ie8_sender.php?idx=<?php echo $_SESSION['post']['idx']; ?>&control=0";
		}
</script>

3、在页面上加声音

<div id="speakerdiv" style="position:absolute;top:0px;right:0px;z-index:999;width:50px;height:50px;">
		<a href="javascript:toggleMusic();"><img name="speaker" id="speaker" src="<?php
			if (substr_count($_SERVER['HTTP_USER_AGENT'], "iPhone") || substr_count($_SERVER['HTTP_USER_AGENT'], "iPad"))
				echo "http://buspak.ecthk.net/CNYCard_2012/images/sound_off.png";
			else
				echo "http://buspak.ecthk.net/CNYCard_2012/images/sound_on.png";	?>" border="0" alt="" /></a>
</div>

<div name="background" id="background"></div>

function checkHTML5()
	{
		//alert(navigator.geolocation);
		if (navigator.geolocation)
		{
			//self.location.href  ="ie8_sender.php";
		}
		else
		{
			//self.location.href = "no_html5.php";
			self.location.href = "ie8_sender.php";
		}
		
		if (navigator.appVersion.indexOf("MSIE") == -1)
		{
			document.getElementById("background").innerHTML = "<audio name=\"bgmusic\" id=\"bgmusic\" src=\"../images/bg.mp3\" onended=\"this.play();\" autoplay autobuffer></audio>";
			document.getElementById("bgmusic").play();
		}
	}
	
 function toggleMusic()
	{
		if (document.getElementById("speaker").src == "http://buspak.ecthk.net/CNYCard_2012/images/sound_on.png")
		{
			document.getElementById("speaker").src = "http://buspak.ecthk.net/CNYCard_2012/images/sound_off.png";
		
			if (navigator.appVersion.indexOf("MSIE") == -1)
			{
				document.getElementById("background").innerHTML = "";
			}
			else
			{
				document.getElementById("bgm").volume = -10000;
			}
		}
		else
		{
			document.getElementById("speaker").src = "http://buspak.ecthk.net/CNYCard_2012/images/sound_on.png";
		
			if (navigator.appVersion.indexOf("MSIE") == -1)
			{
				document.getElementById("background").innerHTML = "<audio name=\"bgmusic\" id=\"bgmusic\" src=\"../images/bg.mp3\" onended=\"this.play();\" autoplay autobuffer></audio>";
				document.getElementById("bgmusic").play();
			}
			else
			{
				document.getElementById("bgm").volume = 0;
			}
		}
	}
<!--另外，加上这句
<body onload="checkHTML5();">
-->