cordova vibration插件——震动

最新推荐文章于 2020-05-01 23:58:25 发布

michael_ouyang

最新推荐文章于 2020-05-01 23:58:25 发布

阅读量3.4k

点赞数

分类专栏： cordova 文章标签： cordova plugin webapp vibration

本文链接：https://blog.csdn.net/michael_ouyang/article/details/75451815

版权

cordova 专栏收录该内容

21 篇文章 4 订阅

订阅专栏

介绍

这个插件是用于连接到设备的振动功能。

安装插件

cordova plugin add cordova-plugin-vibration

使用方法

这个插件定义了全局的对象包含着navigator.vibrate。虽然在全局范围内，但是他们需要在deviceready事件之后才可用

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {

console.log(navigator.vibrate);

}

支持的平台Supported Platforms

· Amazon Fire OS

· Android

· BlackBerry 10

· Firefox OS

· iOS

· Windows Phone 7 and 8

· Windows (Windows Phone 8.1 devices only)

方法

navigator.vibrate,
navigator.notification.vibrate

navigator.notification.vibrateWithPattern
navigator.notification.cancelVibration

目前cordova 7.0+ 新版本

震动 (推荐)

这个函数有三个不同的功能，根据传递给它的参数。

标准振动Standard vibrate

为振动装置给定一个时间。

—时间：毫秒数给振动装置（数字）

navigator.vibrate(time)

navigator.vibrate([time])

平台特性

iOS 特性

时间：忽略指定的时间和振动在预先设定的时间。

navigator.vibrate(3000); // 3000 is ignored（3000被忽略）

Windows and Blackberry Quirks

时间：最大时间是5000ms（5S）和最小时间是1ms

navigator.vibrate(8000); // will be truncated to 5000（将变成5000）

震动模式Vibrate with a pattern (Android and Windows only)

该装置与一个给定的模式振动

navigator.vibrate(pattern);

pattern：序列的持续时间（毫秒数），打开或关闭振动器。（数字数组）

平台特性

Windows Phone 8 特性

振动（模式）依靠振动与默认的持续时间

Cancel vibration (not supported in iOS)

立即取消所有当前正在运行的振动。

navigator.vibrate(0)

navigator.vibrate([])

navigator.vibrate([0])

通过在0个参数，一个空数组，或者一个价值0个元素的数组将取消任何振动。

cordova 旧版本

*notification.vibrate (不推荐使用)

为振动装置给定一个时间。

navigator.notification.vibrate(time)

time：毫秒数给振动装置（数字）

平台特性

iOS 特性

time：忽略指定的时间和振动在预先设定的时间。

navigator.notification.vibrate();

navigator.notification.vibrate(2500); // 2500 is ignored 忽略

*notification.vibrateWithPattern (不推荐使用)

该装置与一个给定的模式振动。

navigator.notification.vibrateWithPattern(pattern, repeat)

pattern：序列的持续时间（毫秒数），打开或关闭振动器。（数字数组）

repeat：可选指标纳入图案阵列，开始重复（重复直至取消），或1不重复（默认）。（数字）

*notification.cancelVibration (不推荐使用)

立即取消所有当前正在运行的振动。

navigator.notification.cancelVibration()

示例

index.html：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>Hello World</title>
    <style>
        .line {
            padding: 5px;
        }
    </style>
</head>
<body>
<div class="app">
    <div class="line"><button id = "vibrate">标准震动</button></div>
    <div class="line"><button id = "vibrationPattern">自定义震动</button></div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>

index.js：

var app = {
   initialize: function() {
      document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
   },
   onDeviceReady: function() {
      this.receivedEvent();
   },
   $$: function(id) {
      return document.getElementById(id);
   },
   // 震动插件
   receivedEvent: function(){
      this.$$("vibrate").addEventListener("click", vibration);
      this.$$("vibrationPattern").addEventListener("click", vibrationPattern);

      // 此参数用于设置的震动的持续时间，震动3秒。
      function vibration() {
            var time = 3000;
            navigator.vibrate(time);
            console.log("触发了标准震动")
      }

      // 震动1秒，等待1秒，震动3秒，等待1秒，震动5秒。
      function vibrationPattern() {
            var pattern = [1000, 1000, 3000, 1000, 5000];
            navigator.vibrate(pattern);
            console.log("触发了自定义震动")
      }

   }
};

app.initialize();

运行：

必须要使用真机测试！

点击“标准震动”，震动3秒钟。

点击“自定义震动”，震动1秒，等待1秒，震动3秒，等待1秒，震动5秒。

michael_ouyang

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
cordova vibration插件——震动

介绍这个插件是用于连接到设备的振动功能。安装插件cordova plugin add cordova-plugin-vibration 使用方法这个插件定义了全局的对象包含着navigator.vibrate。虽然在全局范围内，但是他们需要在deviceready事件之后才可用document.addEventLis
复制链接

扫一扫