Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
react-native-ffmpegを使って動画をいじくりmawasou
Search
Yu Watanabe
October 02, 2021
Programming
0
720
react-native-ffmpegを使って動画をいじくりmawasou
react-native-ffmpegについて
Yu Watanabe
October 02, 2021
Tweet
Share
More Decks by Yu Watanabe
See All by Yu Watanabe
npm packageとリリースとモノレポ
watanabeyu
0
38
react-native-unimodulesを用いてのApp内課金実装
watanabeyu
0
1k
gandhの紹介です
watanabeyu
0
26
XcodeやAndroid Studioを弄らないアイコン管理
watanabeyu
2
590
Firebaseオンリー + React Nativeでアプリを作ると果たして簡単になるのか?
watanabeyu
4
1.2k
react-native-unimodulesのススメ
watanabeyu
1
6.2k
JavaScript製npmパッケージをTypeScriptで書き直した話
watanabeyu
0
1k
React Native Expoで行うアプリの簡単最速運用
watanabeyu
0
300
読みやすいコードの書き方のススメ
watanabeyu
7
4.6k
Other Decks in Programming
See All in Programming
2万ページのSSG運用における工夫と注意点 / Vue Fes Japan 2024
chinen
3
1.3k
とにかくAWS GameDay!AWSは世界の共通言語! / Anyway, AWS GameDay! AWS is the world's lingua franca!
seike460
PRO
1
550
Macとオーディオ再生 2024/11/02
yusukeito
0
160
Outline View in SwiftUI
1024jp
1
120
CPython 인터프리터 구조 파헤치기 - PyCon Korea 24
kennethanceyer
0
240
僕がつくった48個のWebサービス達
yusukebe
18
17k
LLM生成文章の精度評価自動化とプロンプトチューニングの効率化について
layerx
PRO
2
140
Server Driven Compose With Firebase
skydoves
0
400
JaSST 24 九州:ワークショップ(は除く)実践!マインドマップを活用したソフトウェアテスト+活用事例
satohiroyuki
0
260
[PyCon Korea 2024 Keynote] 커뮤니티와 파이썬, 그리고 우리
beomi
0
110
Dev ContainersとGitHub Codespacesの素敵な関係
ymd65536
1
130
色々なIaCツールを実際に触って比較してみる
iriikeita
0
270
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
7
150
Optimizing for Happiness
mojombo
376
69k
What's in a price? How to price your products and services
michaelherold
243
12k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Faster Mobile Websites
deanohume
304
30k
We Have a Design System, Now What?
morganepeng
50
7.2k
The Language of Interfaces
destraynor
154
24k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Side Projects
sachag
452
42k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
Thoughts on Productivity
jonyablonski
67
4.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Transcript
2021/10/02 ΘͨͳΏ͏ REACT-NATIVE-FFMPEGΛͬͯ ಈըΛ͍͘͡Γճͦ͏
▸ ಈըΛฤू͢ΔΑ͏ͳΞϓϦΛ࡞Ζ͏͔ͳͱߟ͍͑ͯΔਓ ຊεϥΠυͷλʔήοτ
▸ ࣗݾհ ▸ ·ͱΊ ࣍
ࣗݾհ ΘͨͳΏ͏ גࣜձࣾg&h CTO + ଞͷ͓ख͍ Twitterɿ@hmktsu GitHubɿ@watanabeyu
࡞͍ͬͯΔαʔϏε ▸ ಈըΛݟͳ͕ΒϝϞ͕ॻ͚ΔΞϓϦROLL (ۙʑެ։༧ఆ) ▸ μϯεͦͷଞ֤छεϙʔπͳͲͰͬͯΒ͍͍ͨ ▸ ͷಈըΛબͯ͠ΞϓϦʹอଘ͢Δܗࣜ ▸ ศརͳϓϨΠϠʔػೳ
▸ όοΫΞοϓػೳFirebaseΛͬͯߏங ▸ ϚʔέςΟϯά༻్ͱͯ͠ͷಈըҰ෦Γൈ͖ػೳ ▸ ಈըΓൈ͖ػೳಈըΛ͍͘͡ΔػೳΛࠓޙఏڙ༧ఆ ▸ Bare Work fl ow(react-native-unimodules)Ͱߏங ಈըͷΓൈ͖͍͘͡Δʹʁ ͱ͍͏͜ͱΛຊհ
ຊͷςʔϚ react-native-ffmpegΛͬͯಈըΛ͍͘͡Γճͦ͏
ಈըΛ͍͘͡Δཧܥ ▸ iPhoneͷΧϝϥϩʔϧͷΑ͏ͳܗ ▸ ࿐ޫௐ৭ௐͳͲ͍Βͳ͍ ▸ ࣌ؒͷτϦϛϯά͕Ͱ͖ΕΑ͍ ▸ Ξοϓϩʔυ࣌ʹը֯(εέʔϧ)ΛมߋͰ͖ΔͱΑ͍ ▸
iOS/Android྆ରԠ͍ͨ͠ ▸ ӈͷΑ͏ͳը໘࠷ѱࣗͰ࡞͍͍ͬͯ
ಈըΛ͍͘͡ΔϥΠϒϥϦͷબࢶ ▸ expo-image-picker ▸ react-native-image-picker ▸ react-native-image-crop-picker ▸ react-native-video-helper ▸
react-native-video-processing ▸ vesdk-react-native ▸ react-native-ffmpeg
ಈըΛ͍͘͡ΔϥΠϒϥϦͷબࢶ ▸ expo-image-picker ▸ react-native-image-picker ▸ react-native-image-crop-picker ▸ react-native-video-helper ▸
react-native-video-processing ▸ vesdk-react-native ▸ react-native-ffmpeg ɾࡱӨΛऔಘͰ͖ͳ͍ ɾΦϦδφϧͷID͕औಘͰ͖ͳ͍ ɾAndroidͰͷτϦϛϯά͕Ͱ͖ͳ͍
ಈըΛ͍͘͡ΔϥΠϒϥϦͷબࢶ ▸ expo-image-picker ▸ react-native-image-picker ▸ react-native-image-crop-picker ▸ react-native-video-helper ▸
react-native-video-processing ▸ vesdk-react-native ▸ react-native-ffmpeg ɾॲཧ͕ॏ͍ɺࣗ༝͕͍
ಈըΛ͍͘͡ΔϥΠϒϥϦͷબࢶ ▸ expo-image-picker ▸ react-native-image-picker ▸ react-native-image-crop-picker ▸ react-native-video-helper ▸
react-native-video-processing ▸ vesdk-react-native ▸ react-native-ffmpeg ɾಋೖ͕໘ɺΦʔόʔεϖοΫ
ಈըΛ͍͘͡ΔϥΠϒϥϦͷબࢶ ▸ expo-image-picker ▸ react-native-image-picker ▸ react-native-image-crop-picker ▸ react-native-video-helper ▸
react-native-video-processing ▸ vesdk-react-native ▸ react-native-ffmpeg ɾฤूը໘͋Δ͕ɺ͓͕͔͔ۚΔ…
ಈըΛ͍͘͡ΔϥΠϒϥϦͷબࢶ ▸ expo-image-picker ▸ react-native-image-picker ▸ react-native-image-crop-picker ▸ react-native-video-helper ▸
react-native-video-processing ▸ vesdk-react-native ▸ react-native-ffmpeg ffmpegΛ͍׳Ε͍ͯΔ + ಋೖҙ֎ͱ؆୯ ฤूը໘؆୯ʹࣗͰ࡞Ε͍͍
REACT-NATIVE-FFMPEGͰΑ͘͏Ͱ͋Ζ͏ίϚϯυ ϑΝΠϧͷίϐʔ
REACT-NATIVE-FFMPEGͰΑ͘͏Ͱ͋Ζ͏ίϚϯυ ઌ಄10ඵ͚ͩΓൈ͍ͯɺԣ320pxʹεέʔϧมߋ
REACT-NATIVE-FFMPEGͰΑ͘͏Ͱ͋Ζ͏ίϚϯυ fpsΛ10Ͱԣ320pxͷgifը૾Λ࡞
REACT-NATIVE-FFMPEGͰΑ͘͏Ͱ͋Ζ͏ίϚϯυ 10ඵͰαϜωΠϧΛ࡞Δ
ҙ ▸ Γൈ͖͔͔࣌ؒΒͳ͍͚Ͳεέʔϧมߋ͕͔͔࣌ؒΔ ▸ όΠφϦׂͱେ͖ΊʹͳΔ ▸ ͳ͍͠ϑΝΠϧαΠζʹΑͬͯॲཧ͕͍͜ͱ ▸ ΞϓϦαΠζ͕૿͕͑ͪͳͷͰɺҰ࣌ϑΝΠϧͷআ͕ඞཁ ▸
มதʹॲཧ͕ࢭ·ͬͨͱ͖ͷresumeॲཧΛೖΕΔඞཁ͋Γ ▸ มͨ͠ಈըΛwebͰ͍͍ͨ߹ͳͲίʔσοΫʹҙ ▸ ΧϝϥϩʔϧͷΑ͏ͳฤूػೳΛ࡞Ζ͏ͱ͢Δͱίϯϙʔωϯ τͷ࡞ΓࠐΈ͕ൃੜׂͯ͠ͱਏ͍
REACT-NATIVE-FFMPEGΛͬͯಈըΛ͍͘͡Γճͦ͏ ·ͱΊ
·ͱΊ ▸ ༷ʑͳϥΠϒϥϦ͕͋Δ͕ɺϕετͳಈըฤूϥΠϒϥϦͳ͍ ▸ ffmpegΛͬͯࣗલͰฤूը໘Λ࡞ΔܗʹͳΓ͕ͪ ಈըฤूΛΞϓϦͰΔͷྗ͕ඞཁ
͓ΘΓ