Video di Adobe Flash/Animate untuk AIR Android

Topik kita kali ini adalah tentang melakukan import video di Adobe Flash/Animate untuk AIR Android karena beberapa dari kita mungkin masih bingung cara melakukannya.

Kali ini saya akan menjawab pertanyaan dari Kak Devi Wahyu Safitri di artikel yang berjudul Embed Adobe AIR dalam APK Flash terkait memasukkan video ke dalam project Adobe Flash (sekarang berganti nama menjadi Adobe Animate) agar bisa jalan di Android.

Oiya, sebelumnya saya minta maaf pada Kak Devi ya karena baru sempet posting. Kepentok ada tugas dinas di Pangkal Pinang hehe.

Yang Perlu Diketahui

Dalam memasukkan video untuk Android dengan Adobe AIR, kalian harus memperhatikan hal-hal berikut.

1. Jika menggunakan Flash CS6, format video bisa menggunakan FLV ataupun MP4. (UPDATE) Jika menggunakan Adobe Animate CC, sebaiknya gunakan video FLV karena saat saya update artikel ini, video tipe MP4 tidak bisa dimainkan saat sudah jadi APK. Gunakan juga AIR SDK 33 selaku AIR SDK baru jika menggunakan Animate CC.
2. Lakukan import video dengan menggunakan playback component.
3. Embed component tersebut saat melakukan publishing ke APK.
4. Sebaiknya gunakan AIR SDK mulai dari versi 30 ke atas.
5. Gunakan Adobe Animate jika dalam meng-compile tidak bisa dilakukan dengan Adobe Flash CS6.
6. Nama file video jangan terlalu panjang apalagi menggunakan karakter seperti strip atau sejenisnya yang akan bermasalah saat video tersebut di-embed.
7. Simpan dokumen jadi satu folder dengan file video dan skin player dari Flash/Animate.

Meng-import Video di Flash/Animate

Okeh, sekarang kita langsung saja ke langkah-langkahnya. Oiya, di sini saya menggunakan Adobe Flash CS6 dengan AIR SDK 30. Bagi kalian yang nantinya ada problem, silahkan langsung berpindah ke Animate yes.

Trending

Setor Tunai di ATM, Saldo Tak Bertambah? Ini Solusinya

1. Buat dokumen baru dan langsung saja pilih jenis dokumen AIR for Android.
2. Jika tampilan awal masih portrait, ubah dulu ukuran stage menjadi landscape dengan menukar posisi width dan height di bagian Properties agar tampilan video nantinya bisa lebar. Namun, jika kalian tetap menginginkan portrait ya tidak masalah 😀
   
3. Masukkan video kalian dengan klik File > Import > Import Video.
   
4. Selanjutnya pada tampilan Select Video, klik tombol Browse untuk mencari lokasi video yang ingin kalian masukkan. Pada item yang ada, pilihlah bagian Load external video with playback component. Pilihan tersebut akan mempermudah dalam pemuatan video dengan disertai player otomatis dari Flash.
5. Pada saat klik Browse, pastikan cari video dengan format FLV/MP4 saja. Sesuai dengan ketentuan, nama video sebaiknya jangan terlalu ribet. Singkat saja karena nantinya dalam embedding ketika menjadi APK, penamaan file dengan karakter ribet akan ditolak. Perhatikan gambar berikut untuk penamaan sederhana.
6. Pilih satu video yang akan kalian import, akhiri dengan Open. Dalam hal ini saya memilih video MP4.
7. Kemudian klik Next.
8. Selanjutnya akan muncul tampilan pemilihan Skinning yang akan menjadi player video. Kalian bisa memilih skin sesuai keinginan dan tentunya yang disediakan oleh Flash.
   Di sini saya memilih SkinOverAllNoFullNoCaption untuk skin-nya.
9. Lanjut klik Next lagi.
10. Akhiri dengan Finish.
11. Setelah itu video kalian akan masuk. Jika ukuran terlalu lebar dari ukuran stage, kalian bisa mengecilkan dengan Free Transform Tool sehingga jadi seperti berikut.
    
12. Sekarang coba testing dengan Ctrl + Enter. Jika video berjalan baik, berarti sampai tahap ini sudah selesai.

Compile ke APK

Untuk meng-compile ke APK, kalian bisa mempelajari artikel sebelumnya di dua link berikut.

• Membuat APK dari Project Android dengan Flash
• Embed Adobe AIR dalam APK Flash

Jika kalian sudah membaca dua artikel di atas, di artikel ini hanya akan saya bahas jika aplikasi yang akan dijadikan APK terdapat video.

1. Di bagian tab General, tambahkan file skin tadi dan file video dengan klik tanda plus (+) di bagian Included files seperti gambar berikut.
2. Oiya, skin akan muncul setelah kalian melakukan testing dengan Ctrl + Enter. Jika sudah kalian masukkan dua file tersebut. tampilan akan seperti berikut.
   Jika file yang kalian masukkan salah, klik saja nama file tersebut kemudian klik tombol minus (-)
3. Jika semua kebutuhan termasuk ikon, certificate, dan jangan lupa embed AIR-nya aja, langsung klik Publish.

Setelah itu tes aplikasi APK kalian di Android. Gimana hasilnya?

Jika masih ada problem dalam meng-compile, pakai Animate CC yes sesuai keterangan sebelumnya. Selamat mencoba 🙂