Hello.

I am Paul Kinlan.

A Developer Advocate for Chrome and the Open Web at Google.

I love the web. The web should allow anyone to access any experience that they need without the need for native install or content walled garden.

Extracting text from an image: Experiments with Shape Detection

Paul Kinlan

Google IOの後に少しダウンタイムがあり、長期にわたるかゆみを掻きたいと思いました。ブラウザの画像内に保持されているテキストをコピーしたいだけです。以上です。誰にとっても素晴らしい機能になると思います。 Chromeに機能を直接追加するのは簡単ではありませんが、Androidのインテントシステムを利用できることはわかっています。Web(または少なくともAndroidのChrome)でそれを実行できるようになりました。 二つの新しいWebプラットフォームへの追加-共有ターゲットレベル2(または私はそれが共有ファイルを呼び出すために好きなように)とTextDetector形状検出APIで- have allowed me to build a utility that I can Share images to and get the text held inside them 。 基本的な実装は比較的単純で、Service Workerで共有ターゲットとハンドラーを作成し、ユーザーが共有したイメージをTextDetectorしたら、 TextDetectorを実行します。 Share Target API使用すると、Webアプリケーションをネイティブ共有サブシステムの一部にすることができます。この場合、次のようにWeb App Manifest内で宣言することにより、すべてのimage/*タイプを処理するように登録できます。 "share_target": { "action": "/index.html", "method": "POST", "enctype": "multipart/form-data", "params": { "files": [ { "name": "file", "accept": ["image/*"] } ] } } PWAをインストールすると、次のように、画像を共有するすべての場所でPWAが表示されます。 Share Target APIは、共有ファイルをフォームポストのように扱います。ファイルがWebアプリと共有されると、サービスワーカーがアクティブになり、ファイルデータを使用してfetchハンドラーが呼び出されます。現在、データはService Worker内にありますが、現在のウィンドウで必要になります。処理できるように、サービスはどのウィンドウがリクエストを呼び出したかを知っているので、クライアントを簡単にターゲットにしてデータを送信できます。 self.addEventListener('fetch', event => { if (event.request.method === 'POST') { event.respondWith(Response.redirect('/index.html')); event.

Read More

Testing-file-share-target-from-camera

Paul Kinlan

これはカメラアプリから直接共有をテストしています。 それがうまくいったように見えます:)

Read More