ผู้ติดตาม

วันอังคารที่ 10 เมษายน พ.ศ. 2555


วัน อังคาร   ที่ 10   เมษายน  2555


การติดตั้งกล้องบนตัวรถ  และส่งภาพมายังเครื่องที่ใช้ควบคุม

หลักการทำงาน
      ใช้กล้อง android ติดที่่ตัวรถ โดยใช้แอฟพลิเคชัน ip cam บน android เพื่อส่งภาพที่ได้จากกล้องไปยังเซิร์ฟเวอร์  แล้วสร้างแอฟพลิเคชันเพื่อให้เครื่องที่จะบังคับ ลิ้งไปยังที่อยู่ของเซิร์ฟเวอร์ เพื่อนำภาพที่ได้จากกล้องที่อยู่บนรถมาแสดง  และเพิ่มส่วนของปุ่มที่ใช้ในการบังคับเข้าไปในตัวแอฟพลิเคชัน

=======================================================================

ตัวอย่างโค้ด

ไฟล์ manifest.xml เพิ่มส่วนของโค้ดที่ใช้ขออนุญาตใช้งาน Bluetooth และ intermet ดังนี้

<manifest>
     . . .
     <uses-permission android:name="android.permission.BLUETOOTH" />
     <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" />
     <uses-permission android:name="android.permission.INTERNET" />
     . . .
</manifest>

========================================================================

ไฟล์ main.xml เพิ่มส่วนของโค้ด webview เพื่่อใช้แสดงภาพที่ได้จากกล้อง และเพิ่มปุ๋มตามที่ต้องการ สังเกตุว่าจะใช้ Layout แบบ Relativelayout



<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"


        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:orientation="vertical" >

        <WebView
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/webview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />

        <Button
            android:id="@+id/connect_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"

            android:text="Connect."   />

        <Button . . . >

 </RelativeLayout>

========================================================================

ไฟล์ activity.java เพิ่มส่วนควบคุมการทำงานของ webview ดังนี้

public class Web extends Activity {

       . . .

        // ประกาศตัวแปล webview
WebView webview;

      /** Called when the activity is first created. */
      @Override
      public void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);

           // กำหนดค่าให้ webview
           webview = (WebView) findViewById(R.id.webview);
           webview.setWebViewClient(new webviewClient());

           // กำหนดให้ลิ้งไปยังเซิร์ฟเวอร์ 
           webview.loadUrl("http://10.55.10.133:8087/js.html");

            // เปิดการใช้งาน javascript
           webview.getSettings().setJavaScriptEnabled(true);

           . . .

       }
}

** เพิ่มคำสั่งที่ต้องการได้ตามปกติ

========================================================================
ศึกษาข้อมูลเพิ่มเติมเกี่ยวกับ Webview ได้ที่ http://developer.android.com/resources/tutorials/views/hello-webview.html


ไม่มีความคิดเห็น:

แสดงความคิดเห็น