android 中实现网页调用摄像头功能？怎么实现？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了android 中实现网页调用摄像头功能？怎么实现？相关的知识，希望对你有一定的参考价值。
android 中实现网页调用摄像头功能方法·如下：1. 首先在Manifest.xml中添加如下权限：
<!-- 访问网络权限 -->
<uses-permission android:name="android.permission.INTERNET"/>
<!-- 调用摄像头的权限 -->
<uses-permission android:name="android.permission.CAMERA"/>
<!-- 文件系统权限 -->
<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
<!-- SD卡写权限 -->
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
2. 编写index.html放在android项目下的assests目录下：
index.html:
<html>
<head>
<title>Webview capture testing...</title>
<script type="text/javascript">
//android中调用js方法
function wave()
alert('cc2');
document.getElementById("droid").innerHTML ="android_waving.png";
//android中调用js方法2，并更id为"droid"的span标签的值及新刚拍的照片显示到"pic0"里
function wave2(name)
alert(name);
document.getElementById("droid").innerHTML = "Photopath: " + name;
document.getElementById("pic0").src=name;
//html的点击事件，并通过"window.demo.clickOnAndroid"触发android中的clickOnAndroid方法
function clickOnHtml ()
var fileName = window.demo.clickOnAndroid();
//wave2(fileName);
//
function revert()
alert('cc');
document.getElementById("droid").innerHTML ="aa2";
</script>
<style type="text/css">
body
font:14px;
color:#333;
line-height: 1.8em;
margin: 0;
padding: 0;
width:480px;
html
outline: none;
hide-focus:expression(this.hideFocus=true);
</style>
</head>
<body>
<div>
<li>
<p>Here is the funtion to TakePhoto in html</p>
<!-- 通过"window.demo.clickOnAndroid"触发android中的clickOnAndroid方法 -->
<a onClick="window.demo.clickOnAndroid()">TakePhoto</a><br/>
<span id='droid'>Photopath:</span>
<br/>
<br/>
<p>Here is the funtion to revert in html</p>
<input type="button" onclick="revert();" value="Revert" /> <br/>
<input type="button" onclick="javascript:window.top.location.reload()" value="Refresh" />
</li>
</div>
<div>
<p id="picpath">PhotoPath</p>
<img alt="ddd" id="pic0" width="200" height="200" src="/storage/sdcard0/webview_camera/testimg23.8156950140954181.jpg" />
</div>
</body>
</html>
3、编写Activity的布局activity_camera_webview.xml：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".CameraWebviewActivity" >
<Button
android:id="@+id/bt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Camera"
android:layout_alignParentTop="true"
/>
<WebView
android:id="@+id/wv"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_below="@+id/bt"
/>
</RelativeLayout>
4.、编写activity：
public class CameraWebviewActivity extends Activity
private final static String TAG = "CameraWebviewActivity";
private Button bt;
private WebView wv;
public String fileFullName;//照相后的照片的全整路径
private boolean fromTakePhoto; //是否是从摄像界面返回的webview
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_camera_webview);
initViews();
private void initViews()
bt = (Button) findViewById(R.id.bt);
bt.setOnClickListener(new OnClickListener()
@Override
public void onClick(View v)
System.out.println("----------------");
takePhoto( Math.random()*1000+1 + ".jpg");
);
wv = (WebView) findViewById(R.id.wv);
WebSettings setting = wv.getSettings();
setting.setJavaScriptEnabled(true);
wv.setWebViewClient(new WebViewClient()
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon)
super.onPageStarted(view, url, favicon);
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url)
return super.shouldOverrideUrlLoading(view, url);
@Override
public void onPageFinished(WebView view, String url)
super.onPageFinished(view, url);
);
wv.setWebChromeClient(new WebChromeClient()
@Override//实现js中的alert弹窗在Activity中显示
public boolean onJsAlert(WebView view, String url, String message, JsResult result)
Log.d(TAG, message);
result.confirm();
return true;
);
wv.loadUrl("file:///android_asset/index.html");
final Handler mHandler = new Handler();
//webview增加javascript接口，监听html页面中的js点击事件
wv.addJavascriptInterface(new Object()
public String clickOnAndroid() //将被js调用
mHandler.post(new Runnable()
public void run()
fromTakePhoto = true;
//调用 启用摄像头的自定义方法
takePhoto("testimg" + Math.random()*1000+1 + ".jpg");
System.out.println("========fileFullName: " + fileFullName);
);
return fileFullName;
, "demo");
/*
* 调用摄像头的方法
*/
public void takePhoto(String filename)
System.out.println("----start to take photo2 ----");
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
intent.putExtra(MediaStore.EXTRA_MEDIA_TITLE, "TakePhoto");
//判断是否有SD卡
String sdDir = null;
boolean isSDcardExist = Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED);
if(isSDcardExist)
sdDir = Environment.getExternalStorageDirectory().getAbsolutePath();
else
sdDir = Environment.getRootDirectory().getAbsolutePath();
//确定相片保存路径
String targetDir = sdDir + "/" + "webview_camera";
File file = new File(targetDir);
if (!file.exists())
file.mkdirs();
fileFullName = targetDir + "/" + filename;
System.out.println("----taking photo fileFullName: " + fileFullName);
//初始化并调用摄像头
intent.putExtra(MediaStore.Images.Media.MIME_TYPE, "image/jpeg");
intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(fileFullName)));
startActivityForResult(intent, 1);
/*
* (non-Javadoc)
* @see android.app.Activity#onActivityResult(int, int, android.content.Intent)
* 重写些方法，判断是否从摄像Activity返回的webview activity
*/
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data)
System.out.println("----requestCode: " + requestCode + "; resultCode " + resultCode + "; fileFullName: " + fileFullName);
if (fromTakePhoto && requestCode ==1 && resultCode ==-1)
wv.loadUrl("javascript:wave2('" + fileFullName + "')");
else
wv.loadUrl("javascript:wave2('Please take your photo')");
fromTakePhoto = false;
super.onActivityResult(requestCode, resultCode, data);
@Override
public boolean onCreateOptionsMenu(Menu menu)
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.camera_webview, menu);
return true;
参考技术A 页面上做一个按钮，如打开摄像头，它做的事情就是将页面链接到一个特殊的串，如<a href=opencapture打开摄像头</a使用安卓的webview访问网页页面，同时重写shouldOverrideUrlLoading捕获url，当判断url为opencapture时，调用系统摄像头本回答被提问者采纳
excel操作如何在网页中实现
我用EXCEL做了一套股票数据，然后以自己的电脑做了一个简单的网页，现在我想如果能够在网页上操作EXCEL多好啊，具体网址是：http://gaoren.eicp.net/，因为服务器是自己的电脑，如果电脑没有打开这个网页会链接不上。
我想实现的功能是，在网页上，在63个选股区间界面能够实现鼠标移动选股，求思路，谢谢！
1、直接从网页上复制数据过来。这个适合单次处理，无需短期更新的内容
2、利用excel提供的数据外部操作实现。这个有时可以更新以2007为例，如下图，即可创建一个带导入功能的浏览器窗口
3、可以利用VBA对网页后台的访问，抓取返回内容进行拆分，然后呈现在excel单元格中，此种适合，网页源码中直接含有所需数据及用户需要适时更新。 参考技术A 你的意思是不能随身带电脑？
以上是关于android 中实现网页调用摄像头功能？怎么实现？的主要内容，如果未能解决你的问题，请参考以下文章