Flutterで動画・音声ファイル再生のexample

1日1つのFlutterのソースコード公開を最低目標にしていく。

何が何でも30日は続けるつもり

kazumatさんのqiita記事にインスパイアされたので、1日1つ以上の自分が使ったことのないパッケージを使う予定。

とは意気込んだものの、結局99% exampleのコピペみたいなコードしか公開できず…

自分の爪痕が少しでも残る感じのソースコードを公開したかったけど、元のソースコード読んだり、ColumnとかRowとかの組み方を見て感心してるとすぐに時間がなくなってしまった

明日は今日公開するコードを元にこのqiita記事の先頭のgifみたいなmp3 player を作る予定

時間があれば、右上をクリックしたら別の画面に飛んで設定画面が開ける感じのコードを公開したい

参考サイト

https://pub.dev/packages/video_player

https://pub.dev/packages/chewie

https://pub.dev/packages/chewie_audio

ソースコード

補足

chewie使った理由

video_playerはflutter.dev(公式)提供だから、なるべくこのパッケージだけを使いたかったけど、chewieのgithubにも書いてるとおり、

The video_player plugin provides low-level access to video playback

https://github.com/brianegan/chewie

だったので、exampleだけ動かしてふんわりと理解したところでSeek Barとか自分が必要な機能が揃ってそうなchewieを使うことにした

はまりかけたところ

Flutterとかじゃなくて、AndroidとかiOSのPermission付与を忘れてて上手く動作しないとかの方がつまりかけたことが多かった

AndroidとiOS 両方でhttp通信を基本的に許可していないとか、INTERNETの権限を付与していない(Android)とか

Flutterのエラーログが分かりやすくて助かった

その他

ほとんどpub.devからGithub飛んで元のソースコード読むみたいなことをして一日を終えた

目が痛くなるから入門書読んでColumnやRowとか基本となるContainerの使い方を読んで、実際のコードを読んで実感に落とし込んでた

Dartのメソッドをオブジェクト化するところとか、javascriptっぽいところとかを理解するのに時間かかったなあという感じ

今日のTwitter

こういうレベルからのスタートだったっていうの記録したいのと、この記事を自分で見返したときにその日調べたことの復習を兼ねて

Flutter

Posted by yushun