Skip to content Skip to sidebar Skip to footer

Cara Membuat Aplikasi Pendeteksi Teks berbasis android dan dikombinasikan dengan Text To Speech

Cara Membuat Aplikasi Pendeteksi Teks berbasis android dan dikombinasikan dengan Text To Speech

Selamat malam sahabat gratisan. pada malam ini saya ingin membagikan source code yang sudah saya buat mengikuti tutorial dari youtube. source code sudah saya modif dengan mengkombinasikan dengan source code Text To Speech.

Sebenarnya kalian juga bisa melakukan experimen sendiri dengan mencari tutorial di youtube ataupun dari sebuah website, yang kemudian kalian modif dan kalian tambahkan sesuai dengan keinginan. aplikasi yang saya buat ini berasal dari tutorial orang lain yang kemudian saya ikuti kemudian saya tambahkan dengan source code yang lain nya. saya bukan seorang programmer, saya hanya seorang tukang intip tutorial kemudian saya pelajari dan saya modifikasi sesuai dengan keinginan saya.

aplikasi ini saya buat menggunakan android studio dan library nya menggunakan google vision. kalian bisa mencobanya dengan cara mengikuti tutorial yang saya berikan di bawah ini:


  1.  Disini saya anggap kalian sudah membuat sebuah project baru
  2.  Di bagian activity_layout.xml kalian tambahkan kode script dibawah ini
    <?xml version="1.0" encoding="utf-8"?><LinearLayout 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:orientation="vertical"    android:weightSum="5"    tools:context="com.wayandev.deteksi.MainActivity">
    
        <SurfaceView        android:id="@+id/surfaceView"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="4" />
        <TextView        android:id="@+id/text_view"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_margin="8dp"        android:layout_weight="1"        android:gravity="center"        android:textStyle="bold"        android:text="@string/txt_message"        android:textColor="@android:color/black"        android:textSize="20sp" />
    
    </LinearLayout>
  3. Kemudian pada Grandle  kalian tambahkan library google vision "implementation 'com.google.android.gms:play-services-vision:15.0.1'". perhatikan gambar dibawah ini:
  4. Selanjutnya kita menuju MainActivity.java dan tambahkan script di bawah ini
    package com.wayandev.deteksi;
    
    import android.Manifest;
    import android.content.pm.PackageManager;
    import android.speech.tts.TextToSpeech;
    import android.support.v4.app.ActivityCompat;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.util.Log;
    import android.util.SparseArray;
    import android.view.SurfaceHolder;
    import android.view.SurfaceView;
    import android.widget.TextView;
    
    import com.google.android.gms.vision.CameraSource;
    import com.google.android.gms.vision.Detector;
    import com.google.android.gms.vision.text.TextBlock;
    import com.google.android.gms.vision.text.TextRecognizer;
    
    import java.io.IOException;
    import java.util.Locale;
    
    public class MainActivity extends AppCompatActivity {
        SurfaceView mCameraView;
        TextView mTextView;
        CameraSource mCameraSource;
        TextToSpeech textToSpeech;
    
    
        private static final String TAG = "MainActivity";
        private static final int requestPermissionID = 101;
    
    
        @Override    protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            mCameraView = findViewById(R.id.surfaceView);
            mTextView = findViewById(R.id.text_view);
    
    
            //inisialisasi text to speech        textToSpeech=new TextToSpeech(getApplicationContext(), new TextToSpeech.OnInitListener() {
                @Override            public void onInit(int status) {
                    if (status == TextToSpeech.SUCCESS) {
    
                        int result = textToSpeech.setLanguage(Locale.US);
    
                        if (result == TextToSpeech.LANG_MISSING_DATA                            || result == TextToSpeech.LANG_NOT_SUPPORTED) {
                            Log.e("TTS", "This Language is not supported");
                        } else {
    
                            speakOut();
                        }
    
                    } else {
                        Log.e("TTS", "Initilization Failed!");
                    }
                }
            });
    
            startCameraSource();
        }
    
        private void speakOut() {
            //Get the text typed        String text = mTextView.getText().toString();
            //If no text is typed, tts will read out 'You haven't typed text'        //else it reads out the text you typed        if (text.length() == 0) {
                textToSpeech.speak("You haven't text", TextToSpeech.QUEUE_FLUSH, null);
            } else {
                textToSpeech.speak(text, TextToSpeech.QUEUE_FLUSH, null);
            }
    
        }
    
        @Override    public void onDestroy() {
            // Don't forget to shutdown tts!        if (textToSpeech != null) {
                textToSpeech.stop();
                textToSpeech.shutdown();
            }
            super.onDestroy();
        }
        private void startCameraSource() {
            //Create the TextRecognizer        final TextRecognizer textRecognizer = new TextRecognizer.Builder(getApplicationContext()).build();
    
            if (!textRecognizer.isOperational()) {
                Log.w(TAG, "Detector dependencies not loaded yet");
            } else {
    
                //Initialize camerasource to use high resolution and set Autofocus on.            mCameraSource = new CameraSource.Builder(getApplicationContext(), textRecognizer)
                        .setFacing(CameraSource.CAMERA_FACING_BACK)
                        .setRequestedPreviewSize(1280, 1024)
                        .setAutoFocusEnabled(true)
                        .setRequestedFps(2.0f)
                        .build();
                /**             * Add call back to SurfaceView and check if camera permission is granted.             * If permission is granted we can start our cameraSource and pass it to surfaceView             */            mCameraView.getHolder().addCallback(new SurfaceHolder.Callback() {
                    @Override                public void surfaceCreated(SurfaceHolder holder) {
                        try {
    
                            if (ActivityCompat.checkSelfPermission(getApplicationContext(),
                                    Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
    
                                ActivityCompat.requestPermissions(MainActivity.this,
                                        new String[]{Manifest.permission.CAMERA},
                                        requestPermissionID);
                                return;
                            }
                            mCameraSource.start(mCameraView.getHolder());
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
    
                    @Override                public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
                    }
    
                    @Override                public void surfaceDestroyed(SurfaceHolder holder) {
                        mCameraSource.stop();
                    }
                });
    
                //Set the TextRecognizer's Processor.            textRecognizer.setProcessor(new Detector.Processor<TextBlock>() {
                    @Override                public void release() {
                    }
    
                    /**                 * Detect all the text from camera using TextBlock and the values into a stringBuilder                 * which will then be set to the textView.                 */                @Override                public void receiveDetections(Detector.Detections<TextBlock> detections) {
                        final SparseArray<TextBlock> items = detections.getDetectedItems();
                        if (items.size() != 0) {
    
                            mTextView.post(new Runnable() {
                                @Override                            public void run() {
                                    StringBuilder stringBuilder = new StringBuilder();
                                    for (int i = 0; i < items.size(); i++) {
                                        TextBlock item = items.valueAt(i);
                                        stringBuilder.append(item.getValue());
                                        stringBuilder.append("\n");
                                      //  speakOut();                                }
                                    mTextView.setText(stringBuilder.toString());
                                    //dibaca secara berulang jika ada text baru yang di detect                                speakOut();
                                }
                            });
                        }
                    }
                });
            }
        }
    }
  5. Setiap kalian Mengcopy Pastekan Script Diatas, kalian perhatikan Package Name Id kalian supaya tidak error.
  6. Terakhir Kalian tambahkan Permission Kamera di Manifest kalian.
  7. Untuk File String nya bisa kalian lihat dibawah ini
Selamat mencoba, semoga berhasil. Silahkan pahami sendiri maksud dari setiap kode diatas. Jika error nanti akan saya sediakan file langsung ke github nya, kalian bisa mendownloadnya langsung di github. Terima Kasih sudah berkunjung.


Katak Family
Katak Family Semoga Apa yang ditulis bisa menjadi manfaat bagi sobat yang membutuhkannya

Post a Comment for "Cara Membuat Aplikasi Pendeteksi Teks berbasis android dan dikombinasikan dengan Text To Speech"