001/* 002 * Copyright (c) 2009 The openGion Project. 003 * 004 * Licensed under the Apache License, Version 2.0 (the "License"); 005 * you may not use this file except in compliance with the License. 006 * You may obtain a copy of the License at 007 * 008 * http://www.apache.org/licenses/LICENSE-2.0 009 * 010 * Unless required by applicable law or agreed to in writing, software 011 * distributed under the License is distributed on an "AS IS" BASIS, 012 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 013 * either express or implied. See the License for the specific language 014 * governing permissions and limitations under the License. 015 */ 016package org.opengion.plugin.column; 017 018// import org.opengion.hayabusa.db.AbstractEditor; 019import org.opengion.hayabusa.db.CellEditor; 020import org.opengion.hayabusa.db.DBColumn; 021// import org.opengion.fukurou.util.XHTMLTag; 022import org.opengion.hayabusa.common.HybsSystem; 023// import org.opengion.fukurou.util.Attributes; 024// import org.opengion.fukurou.util.StringUtil; 025// import org.opengion.fukurou.util.TagBuffer; 026 027/** 028 * OCR2 ｴﾃﾞｨﾀｰは tesseract.js を利用した ｶﾒﾗ映像 で取り込んだvideoを 029 * canvasにｷｬﾌﾟﾁｬしてから、文字に変換して、ﾃｷｽﾄｴﾘｱに書き出すｸﾗｽです。 030 * 031 * 基本的な構造は、ｶﾒﾗ映像描画開始ﾎﾞﾀﾝ、静止画ｷｬﾌﾟﾁｬﾎﾞﾀﾝ、映像表示領域(video)、 032 * 静止画描画領域(canvas)、進捗(progressbar)、textarea で構成されます。 033 * 映像表示領域(video)でｷｬﾌﾟﾁｬすると、静止画を同じ場所に上書きします。もう一度押すと再度映像に切り替わります。 034 * textarea の name 以外は、固定です。よって、各ﾍﾟｰｼﾞに、1つしか設定できません。 035 * 036 * <button type="button" id="vidStart" onclick="videoStart()" >Video Start</button> 037 * <button type="button" id="capStart" onclick="capture()" >Capture</button><br> 038 * <div id="videotop" style="display:flex;" > 039 * <video id="player" autoplay style="background-color: black;position: absolute;z-index: 1;" ></video> 040 * <canvas id="snapshot" style="visibility: hidden;z-index: 2;' "></canvas> 041 * </div> 042 * <progress id="progressbar" max="1" value="0" > </progress><br> 043 * <textarea name="outdata" id="outdata" rows="10" cols="80" > </textarea> 044 * 045 * script に CDNｻｰﾋﾞｽ を使うと、無線環境(iPad等)ではものすごく遅くなったため、ﾛｰｶﾙに配置することにします。 046 * <script src="https://unpkg.com/tesseract.js"><!-- --></script> 047 * 048 * script は、tesseract.min.js を使います。現在、1画面1つしかｶﾒﾗは使えません。 049 * これらは、使用する画面に、組み込んでください。 050 * <script src="{@SYS.JSP}/common/option/tesseract.min.js"><!-- --></script> 051 * <script src="{@SYS.JSP}/common/option/videocamera.js"><!-- --></script> 052 * 053 * を使用するﾍﾟｰｼﾞに設定します。 054 * 055 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 056 * @og.rev 8.5.6.1 (2024/03/29) Editor_TEXTAREA を継承します。 057 * @og.group ﾃﾞｰﾀ編集 058 * 059 * @version 7.4 060 * @author Kazuhiko Hasegawa 061 * @since JDK11.0, 062 */ 063// public class Editor_OCR2 extends AbstractEditor { 064public class Editor_OCR2 extends Editor_TEXTAREA { 065 /** このﾌﾟﾛｸﾞﾗﾑのVERSION文字列を設定します。 {@value} */ 066 private static final String VERSION = "8.5.6.1 (2024/03/29)" ; 067 068// // 7.4.2.2 (2021/05/28) ｼｽﾃﾑ定数のJSPを使用します。(※ SYS.JSP + SYS.IMAGE_DIR) 069// private static final String JSP_OPT = HybsSystem.sys( "JSP" ) + "/option/" ; 070 071// private static final String JS_SRC = "<script src='" + JSP_OPT + "tesseract.min.js' ><!-- --></script>" 072// + CR + "<script src='" + JSP_OPT + "videocamera.js' ><!-- --></script>" ; 073 074 // 8.5.3.0 (2023/09/08) HTML5廃止対応 progress要素から min='0' 削除 075 private static final String BASE_HTML = 076 "<button type='button' id='vidStart' onclick='videoStart()' >Video Start</button>" 077 + CR + "<button type='button' id='capStart' onclick='capture()' >Capture</button><br>" 078 + CR + "<div id='videotop' style='display:flex;' >" 079 + CR + " <video id='player' autoplay style='background-color: black;position: absolute;z-index: 1;' ></video>" 080 + CR + " <canvas id='snapshot' style='visibility: hidden;z-index: 2;' ></canvas>" 081 + CR + "</div>" 082 + CR + "<progress id='progressbar' max='1' value='0' > </progress><br>" ; 083 084// 8.5.6.1 (2024/03/29) 継承元と同じなので削除 085// /** 列1 */ protected String cols1; 086// /** 列2 */ protected String cols2; 087// /** 行1 */ protected String rows1; 088// /** 行2 */ protected String rows2; 089 090 /** 091 * ﾃﾞﾌｫﾙﾄｺﾝｽﾄﾗｸﾀｰ。 092 * このｺﾝｽﾄﾗｸﾀｰで、基本ｵﾌﾞｼﾞｪｸﾄを作成します。 093 * 094 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 095 * 096 */ 097 public Editor_OCR2() { super(); } // これも、自動的に呼ばれるが、空のﾒｿｯﾄﾞを作成すると警告されるので、明示的にしておきます。 098 099 /** 100 * ｺﾝｽﾄﾗｸﾀｰ。 101 * 102 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 103 * @og.rev 8.5.5.1 (2024/02/29) spotbugs CT_CONSTRUCTOR_THROW(ｺﾝｽﾄﾗｸﾀで、Excweptionを出さない) 104 * @og.rev 8.5.6.1 (2024/03/29) 継承元と同じなので削除 105 * 106 * @param clm DBColumnｵﾌﾞｼﾞｪｸﾄ 107 */ 108 protected Editor_OCR2( final DBColumn clm ) { 109 super( clm ); 110// final String disabled = clm.isWritable() ? null : "disabled" ; 111// 112// // 8.5.5.1 (2024/02/29) spotbugs CT_CONSTRUCTOR_THROW(ｺﾝｽﾄﾗｸﾀで、Excweptionを出さない) 113//// final int r1 = clm.getTotalSize()/Integer.parseInt(size1) + 1; 114//// rows1 = String.valueOf( r1 ); 115//// 116//// final int r2 = clm.getTotalSize()/Integer.parseInt(size2) + 1; 117//// rows2 = String.valueOf( r2 ); 118// final int totalSize = clm.getTotalSize(); // 8.5.5.1 (2024/02/29) 119// rows1 = RowSizeUtil.getRowSize( totalSize,size1 ); // 8.5.5.1 (2024/02/29) 120// rows2 = RowSizeUtil.getRowSize( totalSize,size2 ); // 8.5.5.1 (2024/02/29) 121// 122// // size に、"rows,cols" を指定できるように変更 123// final String param = StringUtil.nval( clm.getEditorParam(),clm.getViewLength() ); 124// if( param != null && param.length() != 0 ) { 125// final int st = param.indexOf( ',' ); 126// if( st > 0 ) { 127// rows1 = param.substring( 0,st ); 128// rows2 = rows1; 129// cols1 = param.substring( st+1 ); 130// cols2 = cols1; 131// } 132// } 133// 134// // size1,size2 を使わずに、cols1,cols2 を使用。 135// if( cols1 == null || cols2 == null ) { 136// cols1 = size1 ; 137// cols2 = size2 ; 138// } 139// 140// // Attributesの連結記述 141// attributes = new Attributes() 142// .set( "disabled" , disabled ) 143// .set( clm.getEditorAttributes() ) // #addAttributes( Attributes ) の代替え 144// .add( "class" , clm.getDbType() ); 145// 146// tagBuffer.add( XHTMLTag.textareaAttri( attributes ) ); 147 } 148 149 /** 150 * 各ｵﾌﾞｼﾞｪｸﾄから自分のｲﾝｽﾀﾝｽを返します。 151 * 自分自身をｷｬｯｼｭするのか、新たに作成するのかは、各ｻﾌﾞｸﾗｽの実装に 152 * まかされます。 153 * 154 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 155 * 156 * @param clm DBColumnｵﾌﾞｼﾞｪｸﾄ 157 * @return CellEditorｵﾌﾞｼﾞｪｸﾄ 158 * @og.rtnNotNull 159 */ 160 public CellEditor newInstance( final DBColumn clm ) { 161 return new Editor_OCR2( clm ); 162 } 163 164 /** 165 * ﾃﾞｰﾀの編集用文字列を返します。 166 * 167 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 168 * @og.rev 8.5.6.1 (2024/03/29) Editor_TEXTAREA を継承します。 169 * 170 * @param value 入力値 171 * @return ﾃﾞｰﾀの編集用文字列 172 * @og.rtnNotNull 173 */ 174 @Override 175 public String getValue( final String value ) { 176 // TagBufferの連結記述 177// return BASE_HTML 178// + new TagBuffer( "textarea" ) 179// .add( "name" , name ) 180// .add( "id" , "outdata" ) // ID 固定です。 181// .add( "cols" , cols2 ) ← 多分、cols1 の間違い 182// .add( "rows" , rows2 ) 183// .add( tagBuffer.makeTag() ) 184// .addBody( value ) 185// .makeTag(); 186 return BASE_HTML 187 + makeTagBuffer( name,cols1,rows1 ) 188 .add( "id" , "outdata" ) // ID 固定です。 189 .addBody( value ) 190 .makeTag(); 191 } 192 193 /** 194 * name属性を変えた、ﾃﾞｰﾀ表示/編集用のHTML文字列を作成します。 195 * ﾃｰﾌﾞﾙ上の name に 行番号を付加して、名前_行番号 で登録するｷｰを作成し、 196 * ﾘｸｴｽﾄ情報を1つ毎のﾌｨｰﾙﾄﾞで処理できます。 197 * 198 * @og.rev 7.4.2.1 (2021/05/21) 新規作成 199 * @og.rev 8.5.6.1 (2024/03/29) Editor_TEXTAREA を継承します。 200 * 201 * @param row 行番号 202 * @param value 入力値 203 * @return ﾃﾞｰﾀ表示/編集用の文字列 204 * @og.rtnNotNull 205 */ 206 @Override 207 public String getValue( final int row,final String value ) { 208 final String newName = name + HybsSystem.JOINT_STRING + row; 209 210 // TagBufferの連結記述 211// return BASE_HTML 212// + new TagBuffer( "textarea" ) 213// .add( "name" , newName ) 214// .add( "id" , "outdata" ) // ID 固定です。 215// .add( "cols" , cols2 ) 216// .add( "rows" , rows2 ) 217// .add( tagBuffer.makeTag() ) 218// .addBody( value ) 219// .makeTag( row,value ); 220 return BASE_HTML 221 + makeTagBuffer( newName,cols2,rows2 ) 222 .add( "id" , "outdata" ) // ID 固定です。 223 .addBody( value ) 224 .makeTag( row,value ); 225 } 226}