Android與JS混編(js調用android相機)

來源:互聯網
上載者:User

標籤:

  

參考android相機調用,http://blog.csdn.net/yanzi1225627/article/details/33028041/,謝謝

相機怎麼調用就不做贅述了,下面是js調用相機的代碼:

java:

 1 ** 2  * Created by Administrator on 2016/6/24 0024. 3  */ 4 public class QRCodeHtmlActivity extends Activity { 5     /** 6      * 網頁 7      */ 8     private WebView wvQRCode; 9     @Override10     protected void onCreate(Bundle savedInstanceState) {11         super.onCreate(savedInstanceState);12         setContentView(R.layout.activity_html_qrcode);13         initView();14         setWebView();15     }16 17     private void initView() {18         wvQRCode = (WebView) findViewById(R.id.wv_qrcode);19     }20 21     /**22      * 設定網頁23      */24     private void setWebView(){25         //允許JavaScript執行26         wvQRCode.getSettings().setJavaScriptEnabled(true);27         //向js傳遞對象28         wvQRCode.addJavascriptInterface(new ShowCamera(),"camera");29         //不會node的小夥伴可以儲存到assets30         //wvQRCode.loadUrl("file:///android_asset/QRCode.html");31         //訪問網頁32         wvQRCode.loadUrl("http://192.168.253.1:3000/htmls/QRCode.html");33     }34     public final class ShowCamera {35         //Html調用此方法傳遞資料,註解一定要留著否則會出錯36         @JavascriptInterface37         public void showCamera() {38             Intent intent = new Intent(QRCodeHtmlActivity.this, QRCodeSurfaceActivity.class);39             //調用開啟相機的介面40             QRCodeHtmlActivity.this.startActivity(intent);41         }42     }43 }

html:

 1 <!DOCTYPE html> 2 <html> 3 <head> 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5     <title>二維碼調用</title> 6     <script type="text/javascript"> 7         function showQRCode() { 8             window.camera.showCamera(); 9         }10     </script>11 </head>12 <body>13 <h3>本例子是點擊按鈕調用相機掃描二維碼</h3>14 <input type="button" name="" value="點擊調用" onclick="javascript:showQRCode()"/>15 </body>16 </html>

github: https://github.com/weifengzz/AndroidJSQRCode

 

Android與JS混編(js調用android相機)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.