最近とあるブログ記事を書いた。
https://motochan1969.hatenablog.com/entry/20210411/1618098387
https://motochan1969.hatenablog.com/entry/20210410/1618016031
しかしながら、クロスブラウザ仕様になっておらず、
そもそもスマホからは、表示できない
→ ちなみにスマホは、XIAOMIでブラウザも中華性・・・
音読API
そんなわけで、HTMLからGoogleのテキストスピーチをコールしたいが
HTMLソースにAPIトークンを書かなければならなくなる。
（余計なユーザー認証などは、一切噛ましたくはない・・・）
選択肢
いろいろ考えてはみたが、ソースが見れない状態にするには、
デバッグができないように、バックエンドで処理するしかない・・・
かと言って、わざわざ
- HEROKUなんかのサービスを覚えてまでもやりたくないし（いや、スキルがないし）
- WORDPRESSなんか立ち上げて、PHPまで覚えたくない（いや、やりかけて放置してるし）
模索中
可能性を考えたが、単にGOOGLE翻訳に文章をいれて、REDIRECTしたらええんじゃないか？
と思った。
＜システム＞
普通のスクレイビングの要領である
- HTML上にWEBブラウザのフォームを立ち上げる
- URLをGOOGLE翻訳にする
- INPUT要素に、読みたいテキストを書き込む
- 翻訳ボタンを押す
しかしながら、一点の懸念としては
- クロスオリジンに引っかかる・・・
そう、いま作っている、１０か国語の辞書アプリも、これが原因でHTMLの音声を使わざる得なくなっている。（もしくは、いったんバックエンドでPOSTを受けて、APIサーバーにKICKするしかない）
https://qiita.com/EasyCording/items/502769016329571db520
やはり、HTMLアプリにはいろんな限界があるなあと思う。
そもそもスマホ対応で、全ブラウザのチェックするのも大変だし・・・
いったいフロントエンドの開発って、どうやっているんだろうか？