html5摇一摇源码 - 乐学科技

㈠摇一摇怎么查看被限制

可以在客服中心查看，摇一摇功能被限制,可能是因为个人资料不完善、个人资料存在违规信息。

主要信息：

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

微信摇一摇，是微信推出的一个随机交友应用，通过摇手机或点击按钮模拟摇一摇，可以匹配到同一时段触发该功能的微信用户，从而增加用户间的互动和微信粘度。

微信摇一摇功能增加了传图功能，可将计算机网页中的图片轻松传送到手机。还有微信摇一摇搜歌功能,能识别歌曲。微信摇一摇传图书签功能等。

用户通过「摇一摇周边」摇出的服务页面是基于HTML5定制的。藉助摇周边，人们的生活将更加方便：只要摇一摇手机，可以马上获知周边信息，随时发现感兴趣的店，实时和商户互动，获取优惠、进行评价等，线下和在线的体验同时进行。

同时，接入了「摇一摇周边」的商家也能通过在线、线下两方面信息的结合，对顾客进行更精准的客流分析和用户营销。

㈡ js html5 仿微信摇一摇怎么控制触发时间

HTML5 有很多强大的功能，比如获取设备的 x y z 坐标。这些值都可以通过代码获取并呈现出来。
也可以计算加速度及设备移动的方向，不知未来还会有多强大！
也不知什么机会看到了摇一摇，网页版本的。从网上看了一下，编写了一个代码，测试成功，贴出来。
可以后期加上很多功能，比如做个音乐播放器，或者内嵌到自己个性博客中等等。
下面是HTML源代码，
//Javascript
var SHAKE_THRESHOLD = 3000;
var last_update = 0;
var x = y = z = last_x = last_y = last_z = 0;
function init() {
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false);
} else {
alert('not support mobile event');
}
}
function deviceMotionHandler(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
if ((curTime - last_update) > 100) {
var diffTime = curTime - last_update;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;

if (speed > SHAKE_THRESHOLD) {
alert("摇动了，播放");
var media=document.getElementByIdx_x("musicBox");//获取音频控制项
media.setAttribute("src","http://1.html5weby1y.sinaapp.com/2.mp3");
media.load();//载入音频
media.play();//播放音频
}
last_x = x;
last_y = y;
last_z = z;
}
}
html body onload="init()"
\
用力摇一摇你手机\

\

㈢如何理解微信公会平台摇一摇软件中的iBeacon技术

那就是微信摇一摇周边了，摇一摇周边是微信针对低功耗蓝牙硬件（支持iBeacon协议，下文简称iBeacon设备）提供的连接入口。在手机蓝牙打开的状态下，当用户在微信中打开摇一摇时，如果周围有iBeacon设备，会自动出现周边入口。此时用户摇一摇就会获得周围的信息。
1、精准定位线下用户，提供个性化服务
利用iBeacon设备特有的精准定位能力，而且设备体积小，成本低，易安装；
用户摇一摇时，可以根据位置和其他相关信息，提供高度个性化的服务，提升体验；
2、开放的页面内容，为用户提供更酷更丰富的体验
HTML5页面采用URL模式接入，商家可自定义所有互动形式；
支持微信JS-SDK。基于iBeacon的界面将陆续开放；
3、大微信体系
摇一摇入口拥有日均千万级以上的访问用户；
与微信公众平台，微信支付，卡券，微信连WiFi等产品无缝打通；

㈣ js html5 仿微信摇一摇怎么控制触发时间

㈤是不是有的手机不支持html5的摇一摇

h5支不支持跟手机没有关系，要看你手机安装的浏览器支不支持、

㈥微信公众账号里面的摇一摇抽奖源代码，哪个微信第三方开发商有出售

是微应用的基础功能，可以找我们小猪来做

㈦ html5手机摇一摇定位怎么实现

代码如下:

/**
* 以下为html5代码,获取地理位置
*/
function getLocation() {
//检查浏览器是否支持地理位置获取
if (navigator.geolocation) {
//若支持地理位置获取,成功调用showPosition(),失败调用showError
// alert("正在努力获取位置...");
var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 };
navigator.geolocation.getCurrentPosition(showPosition, showError, config);
} else {
//alert("Geolocation is not supported by this browser.");
alert("定位失败,用户已禁用位置获取权限");
}
}
/**
* 获取地址位置成功
*/
function showPosition(position) {
//获得经度纬度
var x = position.coords.latitude;
var y = position.coords.longitude;
//配置Bai Geocoding API
var url = "http://api.map..com/geocoder/v2/?ak=" +
"&callback=renderReverse" +
"&location=" + x + "," + y +
"&output=json" +
"&pois=0";
$.ajax({
type: "GET",
dataType: "jsonp",
url: url,
success: function (json) {
if (json == null || typeof (json) == "undefined") {
return;
}
if (json.status != "0") {
return;
}
setAddress(json.result.addressComponent);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("[x:" + x + ",y:" + y + "]地址位置获取失败,请手动选择地址");
}
});
}
/**
* 获取地址位置失败[暂不处理]
*/
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert("定位失败,用户拒绝请求地理定位");
//x.innerHTML = "User denied the request for Geolocation.[用户拒绝请求地理定位]"
break;
case error.POSITION_UNAVAILABLE:
alert("定位失败,位置信息是不可用");
//x.innerHTML = "Location information is unavailable.[位置信息是不可用]"
break;
case error.TIMEOUT:
alert("定位失败,请求获取用户位置超时");
//x.innerHTML = "The request to get user location timed out.[请求获取用户位置超时]"
break;
case error.UNKNOWN_ERROR:
alert("定位失败,定位系统失效");
//x.innerHTML = "An unknown error occurred.[未知错误]"
break;
}
}
/**
* 设置地址
*/
function setAddress(json) {
var position = document.getElementById("txtPosition");
//省
var province = json.province;
//市
var city = json.city;
//区
var district = json.district;
province = province.replace('市', '');
position.value = province + "," + city + "," + district;
position.style.color = 'black';
}

㈧我用html5写的摇一摇的功能，用UC浏览器打开可以使用，但是封装成webview就无法使用，怎么解决

是不是封装成webview后没有调用重力感应,或者完全失效...不太懂.看到网上说用phonegap可以调用重力感应之类的传感器..

㈨现场微信摇一摇抽奖怎么做到的

微信摇一摇抽奖是通过微信摇一摇周边来实现的。

摇一摇周边是微信基于低功耗蓝牙技术的O2O入口级应用，作为微信在线下的全新功能，为线下商户提供近距离连接用户的能力，并支持线下商户向周边用户提供个性化营销、互动及信息推荐等服务。

当手机的蓝牙处于打开的状态，微信的用户在再通过手机的微信使用摇一摇功能，这时如果处于iBeacon设备的信号范围内，摇一摇手机后就会自动出现周边，就可以获取周边的优惠等活动信息。

(9)html5摇一摇源码扩展阅读

摇一摇周边的技术原理

1、摇周边是基于微信「摇一摇」与iBeacon技术的全新服务。

2、通过基于低功耗蓝牙（蓝牙4.0）的iBeacon协议，商家能够在iBeacon设备的信号覆盖范围内为用户提供基于其高精度位置、时间等的个性化服务，从而连接用户与线下空间。摇周边与微信的其他线下连接能力一道，加速促成了微信O2O闭环的实现。

使用场景

1、用户通过「摇一摇周边」摇出的服务页面是基于HTML5定制的。藉助摇周边，人们的生活将更加方便：只要摇一摇手机，可以马上获知周边信息，随时发现感兴趣的店，实时和商户互动，获取优惠、进行评价等，线下和在线的体验同时进行。

2、同时，接入了「摇一摇周边」的商家也能通过在线、线下两方面信息的结合，对顾客进行更精准的客流分析和用户营销。

3、常见应用场景有：零售和餐饮、博物馆和景区、线下广告和城市服务、会议和展览。

接入方法

申请接入摇周边的条件非常简单，商户只要拥有1个经过微信认证的公众账号（订阅号、服务号均可），按流程指引5分锺即可完成申请接入的操作。申请审核通过后，按照首页的配置流程指引，即可成功启用微信摇一摇周边

参考文献：网络-微信摇一摇