微信摇一摇的原理是什么?

发布网友发布时间：2022-04-24 15:18

共2个回答

懂视网时间：2022-05-16 02:20

微信“摇一摇”功能是怎么实现的？

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,user-scalable=no" />
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#box {
width: 200px;
height: 200px;
background: red;
font-size: 20px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script type="text/javascript">
toShake(function(){
alert("您进行了摇一摇");
});
function toShake(callBack){
var RANGE = 60;//当用户摇晃的幅度超过这个值，我们认定用户在摇一摇
var isShake = false;//是否进行了摇一摇
var lastX,lastY,lastZ;
var lastTime = Date.now();
window.addEventListener('devicemotion', function(e) {
var nowTime = Date.now();
//拉开执行的间隔，让iso和安卓的执行频率接近一致
if(nowTime - lastTime < 100){
return;
}
lastTime = nowTime;
var motion = e.accelerationIncludingGravity;
var x = motion.x;
var y = motion.y;
var z = motion.z;
if(typeof lastX == "undefined"){//第一次进来还没有上一次的值
lastX = x;
lastY = y;
lastZ = z;
return;
}
var nowRange = Math.abs(x - lastX) + Math.abs(y - lastY) + Math.abs(z - lastZ);
if(nowRange > RANGE){
isShake = true;
} 
//当用户进行了剧烈的摇动，我们就认定用户进行了摇一摇，然后摇晃幅度慢下来之后，执行摇一摇函数
if(isShake&&nowRange < 20){
callBack&&callBack();
isShake = false;
}
lastX = x;
lastY = y;
lastZ = z;
});
}
</script>
</body>
</html>

热心网友时间：2022-05-15 23:28

摇一摇是一种微信随机交友应用。通过摇手机或点击按钮模拟摇一摇，可以匹配到同一时段触发该功能，从而增加用户间的互动，而且不久之后微信摇一摇便新增了传图和搜歌功能。

摇动手机的时候会触动手机内的振动传感器，振动传感器发送信号给微信程序，程序会自动调用手机听筒进行语音识别，然后通过与服务器之间的对比来搜索相同的歌曲，再发聩给用户的手机上。

微信摇一摇是微信推出的一个随机交友应用，通过摇手机或点击按钮模拟摇一摇，可以匹配到同一时段触发该功能的微信用户，从而增加用户间的互动和微信粘度。微信摇一摇功能增加了传图功能，可将电脑网页中的图片轻松传送到手机。还有微信摇一摇搜歌功能,能识别歌曲。微信摇一摇传图书签功能等。