ビデオ撮影機能を追加

[ken-ty]

概要

issue: #160 続き。

• [x] カメラ機能追加
  • [x] 画像撮影 #163 で対応済
  • [x] ビデオ撮影 今回対応
  • [x] カメラの向きの切り替え 今回対応
  • [x] 撮影したデータを状態管理 #163 で対応済
• [ ] Firebaseにデータを保存
• [ ] 投稿に紐付け

残りは別PRで対応します。

やったこと

• ビデオ撮影
  • 動画撮影機能を追加 https://github.com/Mayumi-Nakabayashi/withTone/pull/173/commits/260fe0a9717e5d39d935759e59cd2648f7e90a40
  • ビデオ撮影中に画像撮影に切り替えた時に撮影中止処理を追加 https://github.com/Mayumi-Nakabayashi/withTone/pull/173/commits/7d5ea353dbb1f11bfa3e17b3868df0b58f922267
• カメラの向きの切り替え
  • 結構時間かけたが、うまく実装できなかった。マスト機能じゃないなら一旦スキップしたい。
  • → カメラの向き変更が難しかったので一旦アイコン毎消す https://github.com/Mayumi-Nakabayashi/withTone/pull/173/commits/4480baca65e591d85fa6da71033b3e2e13ebf5e2

相談

• カメラの向きの切り替えをスキップしたい。
  • 結構時間かけたが、うまく実装できなかった為。
• 1ファイル内の記述が多くなってきている。いい感じにファイル整理したい。
  • ファイル整理の提案してくれたらそれに沿ってリファクタしまっす。後回しでいいならスルーで。

キャプチャ

• 動画撮影開始 → カメラモードに変更 → 再度動画撮影開始して、問題なく動画が再生できている。

https://github.com/Mayumi-Nakabayashi/withTone/assets/38717219/9aefa910-31f6-4b6e-8cab-b85aa3ebdf0b

参考

• https://zenn.dev/ken_ty/scraps/779319a88a0abb

[asriel-dev-apps]

コメント以外は問題ないと思われ。

以下相談事項に返答します。

• カメラの向きの切り替えをスキップしたい。 結構時間かけたが、うまく実装できなかった為。

→ マスト機能だと思うので、別タスクに切り出して、対応内容とエラー内容をそこに記載していただけるとありがたい！

• 1ファイル内の記述が多くなってきている。いい感じにファイル整理したい。 ファイル整理の提案してくれたらそれに沿ってリファクタしまっす。後回しでいいならスルーで。

→ マイページのアイコン編集時にも使うため、providerディレクトリに切って良い？ ※ Stf wodget や Hooks でページごとに管理するように方針転換するならば不必要かも。相談しましょ