見出し画像

【スポーツと分析】フルスクリーンミーティングモードで映像タグづけがもっとラクに?ホースタッツの新機能を開発中!

パソコンの画面いっぱいに動画やタグ履歴を表示できる“ミーティングモード”を絶賛開発中です!この記事では、機能概要から実装のポイント、そして今後の展望までまとめてご紹介します!


フルスクリーン(ミーティングモード)とは?

現在のホースタッツは、パソコンで使うと左上に動画、左下にタグボタン、右側にはタグ履歴が表示されるレイアウトになっています。しかし、たとえばみんなで大きい画面を見ながらMTGなどしたいときなどに、より大きく表示できるモードがほしいと感じることがありました。

これが通常画面

そこで新たに開発中なのがフルスクリーンのミーティングモードです!ブラウザのフルスクリーン機能を使い、画面全体を大きく活用します。基本的にはモバイル版と同じようにタグを再生できるようにする予定ですが、パソコン操作に合わせて自動再生の有無やボタン配置なども調整しているところです。

これがMTGモード
一定時間操作がないと自動でタグボタンなどは非表示になります

実装で苦労したポイント

1. コメントフィルターのレイアウト調整

右側に表示するタグ履歴の幅には制限があります。そのため、もともと横長だったコメントフィルターの部分がはみ出してしまい、見切れてしまう問題が発生しました。これをきれいに収めるために、UIの修正を行う必要がありました。

この部分

2. メッセージ表示

タグ履歴を開いたときに、メッセージをどう表示するかという点も少し悩ましかったです。フルスクリーンにすると、配置によってはメッセージ表示が窮屈になることがあります。ここを見やすくかつ操作しやすい形で落とし込むのに時間がかかりました。

これが表示順序の関係でむずかった

まとめ

  • フルスクリーン(ミーティングモード)が開発中

ホースタッツのアップデートを使って、みなさんのミーティングや動画視聴をより快適にしていく予定です!新機能が完成し次第、またこちらでご報告しますので楽しみにしていてください。

ぜひホースタッツを活用して、効率的かつ楽しい動画レビューやミーティングを実現してみてくださいね!ありがとうございました。

リンクなど

・HSTATS/ホースタッツのHPはこちら👇
https://script.google.com/macros/s/AKfycbx_3yl-BNKmid4a1jPVAlZQpKXPaaZMb6osKeFBjS2Bw0o76pswMU657u8jYLFQSPmxBQ/exec

・HSTATS/ホースタッツの無料体験はこちら
https://script.google.com/macros/s/AKfycbxtaVpb84atxZNSGSGjsvBFH30In1Fg4vhr4uPufMri91nGWXhd9QJmK-ujLGmdIzyV/exec

・ハンドボール人についてはこれをみてね🧞
https://hello-i-am-handball-jin.vercel.app/

いいなと思ったら応援しよう!