照相

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>拍照</title>
<script type="text/javascript">function change(){  var imagefile= document.getElementById("image").files[0]; var reads = new FileReader();reads.readAsDataURL(imagefile);reads.onload = function(e) {document.getElementById('imageId').src = this.result;}}
</script>
</head>
<body><input type="file" id='image' accept="image/*" capture='camera' onchange="change()">
</body>
</html>

如果想选择本地照片把input标签的capture='camera’属性去掉即可

摄影

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>摄像</title>
<script type="text/javascript">function change(){var videofile = document.getElementById('getvideo').files[0]; var url = URL.createObjectURL(videofile); var videos =document.getElementById("myVideo")videos.src = url; }
</script>
</head>
<body><video id="myVideo" controls width="350" height="200"><source type="video/mp4" /><source type="video/webm" /><source type="video/ogg" /></video><input type="file" id='getvideo' accept="video/*" capture="camcorder" onchange="change()">
</body>
</html>

录音

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>录音</title>
<script type="text/javascript">function change(){var audiofile = document.getElementById('getaudio').files[0]; var url = URL.createObjectURL(audiofile); var audio =document.getElementById("myAudio")audio.src = url; }
</script>
</head>
<body><audio id="myAudio" controls><source type="audio/ogg"><source type="audio/mpeg"><source type="audio/wav"></audio><input type="file" accept="audio/*" id="getaudio" capture="microphone" onchange="change()">
</body>
</html>

拨号、发邮件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>拨号</title>
</head>
<body><p>手机号码：112233445566778899</p><a href="tel:112233445566778899">点击拨号</a><a href="mailto:11111111youjian@163.com">一键发送邮件</a>
</body>
</html>

h5与安卓交互唤起手机照相、相册、摄影视频播放图片上传录音拨打电话相关推荐

uni-app uni-file-picker文件上传实现拍摄从相册选择获取图片上传文档服务器（H5上传-微信小程序上传）
前言最近在使用uni-app写H5移动端,有一个从手机拍摄从相册选择获取图片上传到文档服务器功能. 查阅uni-app发现关于上传图片,uni-file-picker文件上传,uni.chooseI ...
android ios 相册图片多选,iOS实现相册多选图片上传功能
本文实例为大家分享了iOS实现相册多选图片上传的具体代码,供大家参考,具体内容如下原理:获取手机里的全部照片,显示在自定义的视图里 //获取到相册的所有图片 - (void)addAllPhotos ...
微信公众号调用手机相册并将图片上传到本地服务器
最近有一个需求,用公众号调用本地相册,并将图片上传到本地服务器(不是微信服务器). 步骤一:引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq ...
h5（网页）调用相机拍照和相册，实现图片上传功能
情景描述: 一个h5或者网页中需要上传图片功能,并且这个功能可以选择本地的图片或者拍照上传: 实现方法: 我们在网页中是可以直接调用手机的相机或者上传本地图片的,也就是说,我们是有使用本地图片文件和 ...
h5页面使用js实现图片上传（安卓用户也可拍摄、相册二选一）
思路如下: 使用原生input标签实现图片上传时,如果你的写法是如下所示: <input type="file" id="upload_file" @ch ...
安卓开发小米4，酷派手机适配和调用系统相机相册做图片上传的问题
// 启动相机startCamera.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {/ ...
微信公众号H5开发——调用相册和摄像头并上传服务器
之前的文章介绍了关于微信JSSDK调用,下面介绍一下其中的一个最常用的功能--调用相册和摄像头使用此功能之前先参考:微信JSSDK 在通过了config接口验签成功之后,我们就可以调用微信JSSDK ...
Android 嵌套H5 网页，图片上传无法调用手机图片以及嵌套网页中无法调用另一款APP问题记录
最近项目中用到安卓原生APP 嵌套H5网页,使用安卓原生WebView实现,主要遇到以下两种问题,特此记录: 在H5页面,返回直接回到APP中监听安卓的返回事件就行了 @Override publi ...
解决H5 IOS手机图片上传时图片会旋转90°问题
解决H5 IOS手机图片上传时图片会旋转90°问题 Vant 官方给出的解答需要自己解决,没有处理. 解决办法主要使用了 compressorjs 插件库一.Vant UI库Uploader 组件图 ...

h5与安卓交互唤起手机照相、相册、摄影视频播放图片上传录音拨打电话

照相

摄影

录音

拨号、发邮件

h5与安卓交互唤起手机照相、相册、摄影视频播放图片上传录音拨打电话相关推荐

最新文章

热门文章

h5与安卓交互 唤起手机照相、相册、摄影 视频播放 图片上传 录音 拨打电话

照相

摄影

录音

拨号、发邮件

h5与安卓交互 唤起手机照相、相册、摄影 视频播放 图片上传 录音 拨打电话相关推荐

最新文章

热门文章

h5与安卓交互唤起手机照相、相册、摄影视频播放图片上传录音拨打电话

h5与安卓交互唤起手机照相、相册、摄影视频播放图片上传录音拨打电话相关推荐