html5摇一摇,h5摇一摇制作教程

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

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

创新互联建站主打移动网站、成都网站制作、网站建设、外贸网站建设、网站改版、网络推广、网站维护、主机域名、等互联网信息服务，为各行业提供服务。在技术实力的保障下，我们为客户承诺稳定，放心的服务，根据网站的内容与功能再决定采用什么样的设计。最后，要实现符合网站需求的内容、功能与设计，我们还会规划稳定安全的技术方案做保障。

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

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

扩展资料

摇一摇周边的技术原理

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

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

使用场景

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

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

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

接入方法

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

参考文献：百度百科-微信摇一摇

微信摇一摇怎么设置只摇女的

微信摇一摇目前无法进行性别设置。如果想摇到女性，则需要把自己的性别设置成男性，那么摇到女性的比例就会比较大，摇一摇玩法：

打开并登陆微信，进入主界面；

2. 接着点击“发现”选项；

3. 在发现界面点击“摇一摇”进入；

4. 用手机摇一下，即可摇到女性或者男性。

拓展资料

简介：

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

如何使用：

1. 摇一摇的入口在找朋友界面。

2. 进入摇一摇界面，轻摇手机，微信会帮您搜寻同一时刻摇晃手机的人——聚会上一起摇，会快速帮您列出一起摇的朋友；千里摇一摇，可以为您匹配这个世界上同时也在手机的朋友。

3. 摇到的朋友，直接点击就可以开始聊天。

4. 点击设置，可以查看到上一次摇到的人群，也可以更换背景图片。点击头像还可以查看摇到好友的一些基本信息和一些状态。

在摇到的人中基本是按照距离你方位远近来排列的。在微信聚合效应下同一段时间内可能摇到同一个人的可能性大些。

参考资料：百度百科_微信摇一摇

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

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

html5 deviceorientation 都有哪些地方会用

deviceorientation函数里面可以获取手机运动状态下的运动加速度，也可以获取手机绕x，y，z轴旋转的角度等等，比如需要用到摇一摇才能触发的事件（比如摇一摇得红包，摇一摇抽奖等等），又比如全景图片的项目，旋转手机可以看3d的全景图片等等都会用到，又或者需要重力感应的地方，比如一些小游戏之类的，获取手机左右方向移动等等都需要用到。

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;

//配置Baidu Geocoding API

var url = "" +

"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的摇一摇

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