クラス Editor_OCR2
java.lang.Object
org.opengion.hayabusa.db.AbstractEditor
org.opengion.plugin.column.Editor_OCR2
- すべての実装されたインタフェース:
CellEditor
OCR2 エディターは、tesseract.js を利用した、カメラ映像で取り込んだvideoを
canvasにキャプチャしてから、文字に変換して テキストエリアに書き出すクラスです。
基本的な構造は、カメラ映像描画開始ボタン、静止画キャプチャボタン、映像表示領域(video)、
静止画描画領域(canvas)、進捗(progressbar)、textarea で構成されます。
映像表示領域(video)でキャプチャすると、静止画を同じ場所に上書きします。もう一度押すと再度映像に切り替わります。
textarea の name 以外は、固定です。よって、各ページに、1つしか設定できません。
<button type='button' id='vidStart' onClick='videoStart()'>Video Start</button>
<button type='button' id='capStart' onClick='capture()'>Capture</button><br />
<div id='videotop' style='display:flex;' >
<video id='player' autoplay style='background-color: black;position: absolute;z-index: 1;'></video>
<canvas id='snapshot' style='visibility:hidden;z-index: 2; '></canvas>
</div>
<progress id='progressbar' min='0' max='1' value='0' > </progress><br />
<textarea name='outdata' id='outdata' rows='10'cols='80'> </textarea>
script に CDNサービス を使うと、無線環境(iPad等)ではものすごく遅くなったため、ローカルに配置することにします。
<script src="https://unpkg.com/tesseract.js"><!-- --></script>
script は、tesseract.min.js を使います。現在、1画面1つしかカメラは使えません。
これらは、使用する画面に、組み込んでください。
<script src="{@SYS.JSP}/option/tesseract.min.js"><!-- --></script>
<script src="{@SYS.JSP}/option/videocamera.js"><!-- --></script>
を使用するページに設定します。
- 変更履歴:
- 7.4.2.1 (2021/05/21) 新規作成
- 機能分類
- データ編集
- 導入されたバージョン:
- JDK11.0,
-
フィールドの概要
フィールドクラスから継承されたフィールド org.opengion.hayabusa.db.AbstractEditor
attributes, BUFFER_MIDDLE, CR, name, size1, size2, tagBuffer
-
コンストラクタの概要
コンストラクタ -
メソッドの概要
修飾子とタイプメソッド説明name属性を変えた、データ表示/編集用のHTML文字列を作成します。データの編集用文字列を返します。newInstance
(DBColumn clm) 各オブジェクトから自分のインスタンスを返します。
-
フィールド詳細
-
cols1
列1 -
cols2
列2 -
rows1
行1 -
rows2
行2
-
-
コンストラクタの詳細
-
Editor_OCR2
public Editor_OCR2()デフォルトコンストラクター。 このコンストラクターで、基本オブジェクトを作成します。- 変更履歴:
- 7.4.2.1 (2021/05/21) 新規作成
-
Editor_OCR2
コンストラクター。- パラメータ:
clm
- DBColumnオブジェクト- 変更履歴:
- 7.4.2.1 (2021/05/21) 新規作成
-
-
メソッドの詳細
-
newInstance
各オブジェクトから自分のインスタンスを返します。 自分自身をキャッシュするのか、新たに作成するのかは、各サブクラスの実装に まかされます。- パラメータ:
clm
- DBColumnオブジェクト- 戻り値:
- CellEditorオブジェクト
- 変更履歴:
- 7.4.2.1 (2021/05/21) 新規作成
- このメソッドは、nullを返しません
-
getValue
データの編集用文字列を返します。- 定義:
getValue
インタフェース内CellEditor
- オーバーライド:
getValue
クラス内AbstractEditor
- パラメータ:
value
- 入力値- 戻り値:
- データの編集用文字列
- 変更履歴:
- 7.4.2.1 (2021/05/21) 新規作成
- このメソッドは、nullを返しません
-
getValue
name属性を変えた、データ表示/編集用のHTML文字列を作成します。 テーブル上の name に 行番号を付加して、名前_行番号 で登録するキーを作成し, リクエスト情報を1つ毎のフィールドで処理できます。- 定義:
getValue
インタフェース内CellEditor
- オーバーライド:
getValue
クラス内AbstractEditor
- パラメータ:
row
- 行番号value
- 入力値- 戻り値:
- データ表示/編集用の文字列
- 変更履歴:
- 7.4.2.1 (2021/05/21) 新規作成
- このメソッドは、nullを返しません
-