Web

Three.jsで海を作るコード。それぞれのパラメータの意味はわからないけれど、自分の環境でサンプル・コードが動きました。

• three.jsを使うようになった経緯

• 3Dテストができるようなテンプレートを作成

• テスト環境の確認

コーディングのポイント：

• vttに収録されている文字列をTinySegmenterで分かち書きにする

• 1行あたりの文字数と比べて、次の節を足すと超えるときは<br>をはさむ

• 禁則文字の有無を調べ配列の要素を書き換える

  • 行頭禁止の場合は前の要素の末尾に付け加える
  • 行末禁止の場合は次の要素の先頭につける

2Dモードで適当に描いた図形から3Dメッシュを作り、Blenderで仕上げをする練習２日目。

某マスコットに似てしまったので、Ｘではつぶやかないことにします。

screenleapという画面共有サービスが良さそうなので、テストします。

無料のお試しコースは「１日４０分、同時視聴８名まで」の制約があります。どんなものか見たかったのでメインPCをホストに、出張用PCから https://www.screenleap.com/keiko にアクセスして動作を確認しました。

視聴者としてのブラウザから見ると、若干の遅れはあるもののホストの画面がきれいに出ていて、まあまあ使えるのではないかと思いました。

準備中　(´・ω・｀)

ハイライト：

• なぜ画面外字幕を作ったか

• 去年まで使っていたoutscreen-subtitles.jsの問題

• outscreen-subtitles-2024.jsの詳細

この１年間、英語動画の文字起こしと日英字幕の制作に取り組んでいます。だいぶ手順が確定してきたので、ここらで一つ、作業過程を図解しておこうと思います。英語情報を拡散したいと願う方々のお役に立てれば幸いです。

TED Tim Berners-Lee 2014年03月より。

ハイライト：

• 皆さんにはウェブの表と裏、両面から考えてほしいのです。

• 監視が有り得るでしょうし、それがデータを悪用する人間によって行われる可能性があるということは事実です。

• ウェブの権利章典であるマグナ・カルタ

• 基本的な権利であり、私が望む相手とコミュニケーションをとるための正しい方法であると決めてはどうでしょうか。

どのブラウザでも、あるいは異なるソースでも同じプレーヤーで再生できるように、JavascriptのメディアプレーヤーPlyrを導入します。