浏览器端javascript调用手机终端本地功能实现01-前言

  一直没有写博文的习惯,可能也不是什么好习惯。有了想记下来的技术点,都写成笔记。如今觉得写写博文也挺不错,现在在深圳启梦网络科技有限公司工作,主要工作做app开发。想想自己从java服务器端开发,再到现在安卓,苹果应用软件开发的一路走来,经过了2,3年,深刻的理解不断学习充实自己的好处。

  最近公司希望web app轻应用能够调用手机端的一些功能,譬如:拍照,相册选择,录音,播放,文件上传,二维码,条形码扫描,推送等功能。服务器端的一次编码即可完成ios,android端的开发。实现这些功能,核心点就在于浏览器js与本地代码的通信以增加功能扩展来实现。已经开发完成,测试无问题,现将此分享给亲爱的小伙伴们。

  本篇文章不做过多称述,下篇文章开始。

浏览器端javascript调用手机终端本地功能实现01-前言

时间: 2024-11-01 19:46:44

浏览器端javascript调用手机终端本地功能实现01-前言的相关文章

浏览器端javascript调用手机终端本地功能实现02-功能点汇总

上篇博文已经说明,本篇直接进入主题.本篇大致说明总体功能以及代码用途,下篇将功能点逐一详细说明. 功能点包括: 拍照相关接口(camera) 功能函数名称 作用 备注 invokeCamera() 调用摄像头拍照 requestAlbum() 调用相册功能 requestAlbumMulti() 相册多选 requestAlbumMultiUpload() 相册多选完后上传 2. 录音相关接口(media) 功能函数名称 作用 备注 startRecord() 录制音频 stopRecord()

浏览器端javascript调用手机终端本地功能实现03-拍照

上篇大致说明了已实现的功能点及大致的实现方式,本篇详细说明如何通过js调用拍照的相关功能. js代码部分已经在<浏览器端javascript调用手机终端本地功能实现02>中展现,主要说明android部分和ios部分的实现.请将js代码或文件放在要加载的服务器页面里. android端实现 1 //定义拍照相关接口 2 private JSInterfaceCamera jsInterfaceCamera; 3 //初始化 4 jsInterfaceCamera=new JSInterface

JavaScript HTML5 手机网站 基本功能

让网页的宽度自适应屏幕<meta name="viewport" content="width=device-width"/>   1)html上加入<meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />发确保网页的效果 2)加上以下语句可使网页在苹果设备上运行更好<meta name="apple-m

H5 调用 手机软件的功能

1.调用 邮件 : 参考 https://blog.csdn.net/github_38516987/article/details/77637546 (亲测有效) <a href="mailto:[email protected]">发送邮件</a> 2.调用 拨打手机 <a href="tel:400-888-9999">400-888-9999</a> 3.调用 短信 <a href="sms:1

js调用打印机自动分页的功能(仅适用于IE浏览器)

做个功能需要打印的时候添加分页,哪怕是内容不够也需要分页. 浏览器上显示 打印预览是这样的: 模拟打印出来是这样的 都是显示的是5页,方法很简单.在需要分页的位置加上一行代码: <div class="PageNext"></div> css样式是这样的: .PageNext{page-break-after: always;} 以上就是实现的打印分页的功能. 另外有几个打印的常用方法记录一下. 1.调用打印的方法: wb.execwb(6,6) 2.调用打印预

浏览器端的javascript加载器

commonJS,定义了一种同步加载脚本的规范.对于浏览器端而言,因为js脚本都是在远端,用同步的方式可能会长时间阻塞线程.因此,浏览器端的js加载器并不会严格按照commonJS来做.seajs作为一个试图遵循commonJS规范的加载器,是在规范的基础上在外面包一层define,来异步加载js,以下是seajs官网的一个例子: // 所有模块都通过 define 来定义 define(function(require, exports, module) { // 通过 require 引入依

HTML5调用手机摄像头,仅仅支持OPPOHD浏览器

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>HTML5调用手机摄像头,仅仅支持OPPOHD浏览器</title> 6 <style> 7 #video { border: 1px solid #ccc; display:inline-block; } 8 #canvas

javascript判断手机浏览器版本信息

<script type="text/javascript"> /* * 智能机浏览器版本信息: * */ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto

html5调用手机摄像头,实现拍照上传功能

今天做手机网站,想实现手机扫描二维码功能.首先实现在浏览器中调用手机摄像头,实现拍照功能并且把拍下的照片显示在页面并上传到服务器上,然后再在服务器端进行分析. 首先实现在浏览器中调用摄像头,当然用现在火的不行的html5,html5中的<video>标签,并将从摄像头获得视频作为这个标签的输入来源.实现拍照功能的html5代码: <article> <style scoped> video { transform: scaleX(-1); } p { text-alig