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 有很多強大的功能，比如獲取設備的 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()"
\
用力搖一搖你手機\
\
㈤ 是不是有的手機不支持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分鍾即可完成申請接入的操作。申請審核通過後，按照首頁的配置流程指引，即可成功啟用微信搖一搖周邊
參考文獻：網路-微信搖一搖