Bagaimana HTML5 "mengganti" Flash? [Tutup]

Sebuah topik perdebatan yang terlihat kebangkitan sejak peluncuran iPad adalah masalah Flash versus HTML5. Ada yang menyarankan bahwa suatu hari HTML5 akan menggantikan / menggantikan Adobe Flash.

Saya tidak mengembangkan perangkat lunak yang berjalan di browser, jadi pemahaman saya (terbatas) adalah:

• HTML adalah bahasa markup teks murni yang dikirim melalui HTTP ke browser klien. Browser klien mengartikan markup dan merender (dengan berbagai tingkat keberhasilan) halaman sesuai dengan spesifikasi standar.
• Adobe Flash adalah kerangka kerja kepatutan untuk bekerja dengan audio, video, suara dan grafik raster / vektor. Dibutuhkan alat penulisan khusus (mungkin kompiler?) Dan pemutar khusus yang tersedia sebagai plug-in ke sebagian besar browser yang umum.

Bisakah seseorang tolong jelaskan (untuk pengembang C / C ++ ini) bagaimana mungkin dari sudut pandang teknis / coding bahwa bahasa markup berbasis teks (HTML5) dapat dianggap sebagai pengganti kerangka multimedia (Flash)?

Harap tidak ada argumen yang berargumentasi - hanya fakta teknis.

Apa yang orang-orang secara longgar merujuk ke HTML5 dalam konteks diskusi ini adalah kombinasi HTML sebagai bahasa markup, CSS yang menentukan bagaimana hal itu diterjemahkan, dan kode javascript yang memanipulasi HTML dan CSS secara dinamis.

Selain itu, HTML5 tidak hanya memiliki elemen teks standar, tetapi juga <canvas>di mana grafik 2d dapat ditarik, dan <video>elemen yang menyematkan video (seperti namanya).

Jadi, dalam implementasi HTML5 yang lengkap, Anda dapat mengimplementasikan situs web dinamis tanpa menggunakan Flash. Contohnya adalah versi HTML5 dari Youtube, baru-baru ini diperkenalkan sebagai beta untuk pengguna Safari / Chrome, lihat di sini . Lain adalah emulator NES di javascript + HTML. (Yah, yang terakhir tidak terlalu peduli dengan HTML5 ... yang digunakannya <canvas>.)

Ketika Steve J. membuat komentar tentang HTML5 sebagai masa depan, ia tidak repot-repot menjelaskan bahwa pernyataan ini benar-benar merujuk pada penggunaan Flash yang paling luas saat ini, yaitu Video. Mungkin dia tidak menjelaskan hal ini dengan sengaja, sehingga banyak pengguna akhir yang salah informasi yang ingin menonton Hulu di iPhone mereka akan melepaskan kemarahan mereka terhadap Flash. Persis seperti yang telah terjadi ... Ini menjengkelkan dan saya kehilangan rasa hormat kepada Steve.

Tumpukan HTML5 (html, css dan JS) TIDAK akan menjadi pengganti langsung untuk Flash. Saya telah mengembangkan konten Flash selama lebih dari 10 tahun, saya juga sangat kompeten di JS. Saya merasa ngeri berpikir tentang menggunakan JS untuk tugas-tugas di mana ActionScript dapat mencapai hal yang sama dalam kode 50% lebih sedikit. Ada tugas yang akan sangat sulit jika tidak mungkin dicapai dengan JS dan CSS. Untuk animasi yang belum sempurna dan fungsionalitas seperti JQuery, tentu saja, HTML5 bisa menjadi pilihan yang layak sebagai gantinya Flash. Tetapi untuk game yang kompleks dan RIA, saya tidak melihatnya. Actionscript telah berkembang menjadi bahasa yang lengkap dan kuat.

Hal penting lainnya adalah bahwa pemutar Flash diperbarui oleh Adobe secara berkala untuk mengatasi masalah apa pun yang mungkin timbul. Bagaimana mereka memperbarui / meningkatkan spesifikasi HTML5 jika itu menjadi norma dan Flash pergi bye-bye ?? Mereka tidak akan melakukannya. Anda harus menunggu HTML6 dan semua browser untuk mendukungnya. Yang berarti Anda akhirnya menunggu 5-10 tahun. Cara yang bagus untuk membawa kita kembali ke tahun 1998. Tidak, terima kasih, saya akan tetap menggunakan Flash untuk saat ini.

Sebanyak standar terbuka adalah tujuan yang layak, saya tidak melihat ini berjalan seperti yang mereka katakan ...

Dua sen saya.

Saya pikir beberapa orang di sini adalah pemrogram sok dan tidak mendengarkan. Saya juga adalah pengembang Flash pemula dan saya tidak ingin itu hilang. Anda tahu mengapa? Karena orang-orang KREATIF dapat menggunakan Flash untuk mengembangkan apa yang ada di otak kita dengan sangat mudah. Seseorang yang suka menggambar dan membuat adegan tidak selalu suka kode. Mengetik banyak "kalimat" BUKAN menggambar dan menjiwai! Apa yang Anda katakan tentang HTML5 seperti mengatakan bahwa Picasso dan Dali harus belajar bahasa pemrograman untuk melukis. Konyol, bukan?

Itu sebabnya orang lebih suka Flash daripada HTML5. Ini tidak mementingkan diri sendiri, itu hanya mengakui bahwa orang-orang yang mampu membuat konten web animasi yang keren lebih suka dapat membuat visi kita sendiri daripada belajar keterampilan yang tidak terkait atau mengandalkan orang lain untuk menafsirkan untuk kita.

Alih-alih mengejek, Anda mungkin ingin membuat lingkungan visual HTML5 yang menyaingi Flash.

bagaimana mungkin dari sudut pandang teknis / pengkodean bahwa bahasa markup berbasis teks (HTML5) dapat dianggap sebagai pengganti kerangka multimedia (Flash)?

HTML5 adalah nama panas baru untuk "tumpukan teknologi web", bukan hanya "bahasa markup".

Ini memiliki bahasa pemrograman (JavaScript), seperti Flash; satu set API, berkembang secara signifikan sebagai bagian dari upaya yang umumnya diberi label sebagai "HTML5", cara menggambar grafik (SVG, <canvas>), memutar audio dan video (<audio>, <video>).

Tidak seperti Flash, "aplikasi HTML5" diproses oleh browser, bukan oleh plugin browser eksklusif, yang bagus - setidaknya untuk vendor browser (lihat bagian yang relevan dari posting blog ini - terima kasih Jotham). Sebagai contoh, ini memungkinkan vendor browser untuk memperbaiki masalah (dan tidak menunggu Adobe) - IIRC Apple mengutip Flash sebagai alasan # 1 untuk crash di antara semua crash di Mac.

[diedit untuk menghapus klaim "standar terbuka lebih baik" yang saya terlalu malas untuk mendukungnya]

Ini bukan hanya HTML5, tetapi ketika adopsi browser selesai. Misalnya, keberadaan <video>tag HTML5 tidak berarti apa-apa tanpa browser yang disediakan pemutar video untuk benar-benar menyajikan video (Pada titik mana, harapannya, Flash Video tidak lagi diperlukan). Sama berlaku untuk <audio>tag.

Selain itu, elemen kanvas HTML5 (dikombinasikan dengan JS) memungkinkan grafik yang jauh lebih maju di dalam browser daripada yang bisa dicapai sebelumnya.

Nah, untuk mendapatkan kesan kemampuan HTML5 / canvas + JavaScript, Anda mungkin ingin melihat ini yang merupakan implementasi dari Wolfenstein 3D murni yang dilakukan dalam HTML5, tanpa menggunakan Flash apa pun (perhatikan bahwa Anda memerlukan kanvas yang diaktifkan browser seperti Firefox untuk melihat ini berfungsi).

HTML5 tidak dapat menggantikan Flash dengan mencocokkannya dengan fitur. Lebih dari itu tumpukan HTML5 (termasuk JavaScript dan CSS) dapat digunakan untuk membangun aplikasi web kaya yang jenisnya sama dengan Flash yang merupakan satu-satunya pilihan yang ada sebelumnya. Karena HTML memegang janji untuk juga mengatasi beberapa kekurangan platform Flash, ada potensi bahwa Flash dapat menggantikan Flash di ruang ini di masa mendatang.

Diskusi ini sangat banyak berpusat pada teknologi yang digunakan untuk membuat aplikasi pada pengguna akhir. Itu tidak membahas kemudahan yang membuat penulis benar-benar dapat membuat konten yang akan dikirimkan kepada pengguna mereka. Anda telah menyebutkan bahwa Flash dikaitkan dengan seperangkat alat komersial yang secara khusus dibangun dan dipasarkan oleh Adobe untuk mengatasi kebutuhan penulis yang kaya konten. Solusi semacam itu untuk HTML5 belum banyak diadopsi. Untuk pengembang yang sebagian besar menganggap authoring sebagai pengkodean, ini bukan masalah besar dan mereka tidak akan kesulitan mendapatkan traksi dengan HTML5 (dan banyak sudah melakukannya). Bagi para penulis yang tidak memiliki latar belakang pengembang / pengkodean, ini mungkin cerita lain dan bagi mereka kelangsungan HTML5 akan sangat tergantung pada ketersediaan alat authoring terintegrasi.

Apa yang orang-orang non-kreatif konyol ini tidak sadari adalah bahwa HTML5 / Javascript / CSS sangat membengkak untuk memulai. Semua aset itu masih sepenuhnya file teks RAW. tidak ada kompresi, tidak ada optimasi bytecode dan akan selalu seperti itu. Jadi untuk pengembang game yang bukan merupakan pilihan memiliki semua sumber Anda dalam jangkauan mudah pencurian. Flash memungkinkan Anda untuk mengkompilasi kode sumber Anda dengan cara yang lebih ringkas namun tetap dapat membuat konten dinamis Anda dalam grafik vektor yang ketat. Di atas flash itu sudah mendukung shader, akselerasi perangkat keras, filter piksel (Pixel bender), dan efek Layer. Hingga hari ini Anda tidak bisa mendapatkan elemen html untuk menjatuhkan bayangan dengan mudah dan sederhana. HTML5 hanya akan mencoba untuk menggantikan flash sebagai media player, tetapi karena popularitas Flash adalah karena konsistensi, itu akan menjadi penjualan yang sulit. Kebencian SAYA terhadap CSS dan Javascript dapat diduga oleh fakta bahwa 40% kode javascript adalah untuk kompatibilitas browser dan penindasan CSS TIDAK PERNAH konsisten pada vendor browser yang berbeda. Sampai Anda kutu buku mengatasi masalah ini Flash tidak akan pernah diganti. Faktanya adalah untuk apa pun yang dapat Anda lakukan di HTML5, kami dapat melakukannya dalam flash lebih cepat dan lebih baik.

Saya sudah melihat 3D Wolfenstein di Kanvas. Lebih rendah . dan mungil. Kita bisa membuat mesin 3D yang lebih baik dengan jendela yang lebih besar. Kalahkan itu?

Ada jauh lebih banyak untuk Flash daripada Audio / Video. Baru-baru ini Flex sangat populer karena model pemrogramannya yang kaya dan kemampuan untuk mengembangkan antarmuka pengguna yang berkinerja tinggi.

jika HTML 5 atau apapun harus menjadi populer, pertama-tama mesin JavaScript built-in harus lebih efisien. Flex / Flash hari ini sangat populer karena mesin ActionScript yang kuat.

Saya harap kita berbicara tentang Bagaimana HTML5 dapat menggantikan swf dan flv. Tidak sepenuhnya Flash. Saya seorang pengembang Flash (angker). Bagi saya, seseorang yang lebih berpikiran artistik daripada pemrograman script, Flash cukup mudah (sebagian besar waktu) untuk digunakan. Bagaimana cara membuat karakter kartun berjalan melintasi layar dalam HTML5? Atau sesuatu yang sederhana seperti morphing (tweening) lingkaran menjadi kotak? Tentunya saya tidak harus menulis itu sebagai kode. Saya tidak begitu pintar dalam pemrograman untuk mencapai itu. Flash sederhana. Gambarlah semua gambar Anda di aplikasi apa pun yang Anda sukai (ilustrator untuk saya) lalu jahit bersama skrip tindakan. Aku mencintaimu baik Apple maupun Adobe. Silakan datang dengan semacam kompromi.

Banyak orang mengklaim HTML5 akan mematikan plugin seperti Flash dan Silverlight, tetapi itu tidak terjadi.

Ambil contoh, skenario ini.

Muat file biner di atas url. Demi demo, kami akan menggunakan format shapefile (.shp), yang berisi poligon geografis dalam sistem koordinat.

Parsing sisi klien konten byte.

Gambar isinya dengan cara yang efisien.

Demo: http://www.libertyvanguard.com/liberty-gis

Ini hanyalah satu contoh di mana teknologi plugin tidak akan diganti oleh HTML5.

Saya ragu itu dimaksudkan sebagai pengganti untuk semua yang dapat dicakup Flash. Namun, jika Anda melihat-lihat web saat ini, Anda akan melihat bahwa Flash digunakan secara luas untuk mengirimkan konten video atau audio di browser. Sesuatu yang termasuk dalam HTML 5, meskipun lumpuh sekarang karena mereka tidak bisa menyetujui codec standar apa pun.

Tentunya, semua game Flash yang bagus dan iklan tidak akan hilang hanya karena HTML 5 dan HTML 5 tidak akan dapat menggantikannya. Tetapi ini bertujuan untuk dapat menggantikan penggunaan yang sebenarnya dapat mengirimkan konten. Untuk grafik vektor ada juga SVG yang mungkin mendapat perlakuan khusus.

Apakah ini benar-benar akan menjadi kematian Flash untuk video masih harus dilihat. Masalah codec video HTML 5 mungkin diselesaikan cepat atau lambat. Namun, Flash kemungkinan besar akan tetap menjadi media pilihan di mana pengirim konten ingin kontrol yang lebih besar atas apa yang akan disampaikan, DRM dan teknik serupa, & c.

Bersama dengan javascripts untuk melacak peristiwa GUI dan penulisan elemen HTML 5 yang baru, Anda mendapatkan banyak hal yang ditawarkan Flash.

HTML 5 memiliki sejumlah elemen baru. Salah satunya disebut Kanvas. Dengan itu Anda dapat menggambar apa pun yang Anda inginkan di layar, dalam batas-batasnya. Anda menggunakan javascript untuk menggambar di atasnya dan Anda dapat menangkap mouseclicks dan mirip dengan javascript juga. Jika Anda terbiasa dengan toolkit GUI di desktop seperti Tk, GTK, Anda dapat menyamakan elemen-elemen baru ini dengan beberapa widget dari toolkit GUI tersebut.

Lihatlah jit untuk melihat contoh grafik dalam HTML 5

Browser modern yang mendukung standar HTML5 memiliki kemampuan untuk memutar file media yang didukung di dalam browser, tanpa memerlukan plugin pihak ke-3.

Anda bisa mencobanya sendiri. Versi terbaru Safary dan Google Chrome, (Firefox 3.6 juga) dapat memutar <video>tag di halaman HTML5 secara langsung. YouTube sekarang mendukung HTML5 .

Itu sebabnya iPad akan dapat memutar video jika situs video menggunakan HTML5, tanpa plugin Adobe Flash, menggunakan browser Safari yang sepenuhnya memenuhi standar HTML5.

Flash beroperasi dengan garis waktu, panggung dan adegan dan memungkinkan pemuatan film satu di atas yang lain. Ini juga memiliki menguliti bawang, tweening dan alat seni vektor lainnya yang membuat animasi kartun mudah melalui frame by frame animation. Anda melakukan semua ini dan kemudian mengontrolnya akan sangat sedikit kode / script tindakan mudah. HTML JAVA CSS tidak berada di dekat pengalaman artistik bagi penulis dan ada lebih banyak pengkodean yang terlibat untuk mencapai hasil yang serupa - flash jauh lebih cepat dan lebih mudah dan ramah pengguna. Saya ragu Flash akan ke mana saja dengan tergesa-gesa.

HTML5 memang jauh dari penggantian teknologi Flash atau Silverlight UI. Dan masalahnya bukan hanya bahwa HTML5 terbatas dalam jumlah yang diperlukan dalam komponen UI aplikasi, tetapi juga bahwa itu tidak memungkinkan membuat yang kustom sedemikian rupa sehingga mereka akan diintegrasikan ke dalam runtime secara mulus.

Lihatlah Ample SDK - JavaScript UI Framework , arsitekturnya sebagian besar merupakan warisan dari apa yang akan Anda temukan di Flex, Silverlight atau Gecko. Salah satu teknologi UI yang memungkinkan lintas-browser adalah XUL, bergaya dalam CSS dan dapat diprogram dalam JavaScript dengan XUL DOM atau API jQuery. Anda juga dapat membuat teknologi UI Anda sendiri di atas kerangka kerja.

Saya yakin berharap HTML5 dapat mengirimkan barang dan mungkin tidak mengganti flash sepenuhnya tetapi setidaknya ketika datang ke video. Meskipun video flash berukuran kecil itu memakan terlalu banyak pemrosesan. Buka YouTube tanpa mengaktifkan blokir lalu buka task manager. Sekarang Anda dapat melihat bagaimana proses untuk firefox tiba-tiba melompat keluar halaman setiap kali Anda mengunjungi situs berbasis flash seperti youtube. Saran saya dapatkan Flashblock.

Saya pikir HTML5 akan menggantikan sebagian besar flash / flex, yang mungkin akan berlanjut sebagai cabang lain karena kanvas itu keren. Perpustakaan baru akan datang. Tetapi selama JS sebenarnya adalah singlethreaded itu tidak akan begitu cepat, terutama dengan game, dengan asumsi adobe tidak akan menyerah.

Saya pertama kali mendengar komentar "HTML replacing Flash" dari Steve Jobs. (Dia membenci Flash mungkin karena crash pada komputer Mac-nya. Aku tidak yakin. Kurasa dia tidak terhubung. Buktinya adalah produk konyolnya "iPad".)

Intinya adalah BAGAIMANA BAGUS UNTUK PEMBANGUN? Jawab: tidak sebagus Flash. Namun. Mengapa saya mengatakan ini dengan pengalaman saya yang terbatas? Itu semua yang "coba ... tangkap" kode kompatibilitas yang Anda butuhkan dalam Javascript untuk bekerja di semua browser. APA BANYAK KARET. ActionScript / Flash adalah SATU bagian dari kode / aplikasi untuk SEMUA browser.

Hal lain yang dimiliki Flash adalah perangkat lunak pengembangan grafis (dan non-grafis) untuk menyederhanakan proses.

Jadi JAWABAN SINGKAT ADALAH BAHWA ADOBE TIDAK AKAN MEMBIARKAN HTML5 "mengganti" flash, setidaknya untuk jangka pendek. Tapi itu bisa bersaing dengan Flash jika orang membuat alat pengembangan yang cukup untuknya terutama alat grafis WYSIWYG, seperti jika Google mengembangkan editor WYSIWYG yang mudah digunakan untuk membuat aplikasi GWT. Dan itu IF besar.

Mungkin bahasa markup berbasis teks (HTML5) dapat menggantikan kerangka multimedia (Flash).

Solusinya sederhana, hanya memindahkan kerangka kerja ke browser dan menjadi standar terbuka. Tidak hanya kerangka kerja multimedia, browser dapat memasukkan banyak hal lain yang termasuk dalam sistem operasi sekarang.

Mungkin akhirnya browser akan menjadi OS (mode pengguna). OS saat ini akan terbatas pada mode kernel, sebagian besar berurusan dengan perangkat keras.

Titik sudut tajam yang jelas dan lebih luas yang jarang dibuat, adalah bahwa istilah "flash" yang dirujuk samar-samar sebenarnya mencakup seluruh Platform Flash, dan itu termasuk Flash IDE.

Animator dan tipe artistik lain yang menggunakan teknologi ini untuk membuat kartun dan animasi yang kompleks hampir seluruhnya bergantung pada IDE untuk pekerjaan mereka. Tidak mungkin tanpa itu. Akhir dari cerita. Bukan hanya teknologi di tingkat spesifikasi bahasa yang penting! Ini juga tentang "teknologi pendukung" dalam hal ini IDE (saya katakan "mendukung" tetapi Flash IDE adalah teknologi yang sangat terintegrasi dengan sisa Platform Flash).

Jika seseorang membuat IDE HTML5 yang memiliki fitur yang menyaingi Flash IDE, itu bagus, tapi saya terkejut intinya sangat jarang dibuat. Artis adalah bagian dari perdebatan sebagai programmer, dan tidak masuk akal untuk mengatakan itu bukan urusan mereka.

Jadi, untuk menjawab pertanyaan Anda secara langsung: HTML5 akan dianggap sebagai alternatif yang sepenuhnya masuk akal - atau bahkan penggantian - untuk kerangka kerja multimedia seperti Flash jika dan hanya jika IDE yang tepat dibuat untuknya, sehingga mengangkatnya ke kerangka multimedia juga.

Tidak realistis membuat argumen tanpa memperhitungkan IDE akun. Jika pertanyaannya secara khusus "Bisakah HTML5 dalam kondisi lengkap, tanpa IDE, menjadi alternatif untuk Flash untuk aplikasi selain dari animasi kompleks yang digerakkan secara manual?" maka jawabannya kemungkinan besar adalah ya dan kita semua pulang.

Topik menarik. Saya menggemakan sentimen sebagian besar poster di sini bahwa sementara HTML 5 membuat lompatan besar dalam presentasi multimedia dasar, itu tidak akan dapat menggantikan Flash. Semua situs game online adalah contoh yang bagus. Flash dapat berjalan di sebagian besar browser kecuali pada perangkat seluler tertentu.

Pada catatan itu, saya percaya baterai menguras adalah alasan asli mengapa Steve Jobs tidak ingin mendukung Flash di iPhone dan iPad. Ini mungkin menggigit Apple (tidak ada kata) di jalan. Android 2.2 akan memiliki dukungan flash (tetapi tidak jelas apakah semua produsen perangkat keras akan mendukungnya -mereka akan percaya diri dengan baterai mereka).

Selain itu, sepertinya Flash 10+ akan menjadi hal yang pasti pada perangkat Blackberry yang akan datang termasuk ponsel BB tablet BB Playbook yang akan datang (btw, mainan ini memiliki beberapa spesifikasi pembunuh - tidak sabar untuk mendapatkan tangan saya ketika keluar tahun depan).

Saya berani bertaruh bahwa Flash akan terus menjadi besar di Web Dev bahkan setelah dukungan HTML 5 menjadi universal.

Kami saat ini sedang mengembangkan LCMS, setelah area adalah alat authoring sepenuhnya WYSIWYG untuk pengembangan materi pelatihan yang sesuai dengan SCORM dan AICC yang berisi animasi, video, audio, berbagai jenis penilaian dengan interaksi. Alat ini terlihat dekat dengan bagaimana titik daya terlihat, memungkinkan pengguna untuk dengan mudah menyeret dan menjatuhkan objek belajar ke slide dengan gambar, mengubah ukuran gambar, memindahkannya, tumpang tindih teks, menambahkan tes dll.

Ruang kerja ini dilakukan saat ini di Flex dan memiliki kinerja luar biasa, bahkan Google Documents / Presentasi tidak mendekati fleksibilitas dan kinerja aplikasi ini.

Saya ingin tahu apakah aplikasi skala itu dapat dikembangkan dengan HTML5 tanpa sumber daya yang besar. Kami adalah perusahaan kecil dengan sekelompok kecil pengembang.

Sederhananya, banyak yang berharap bahwa fitur-fitur HTML5 dipasangkan dengan javascript dapat memberikan pengalaman web grafis yang lebih baik, lebih murah, lebih efisien daripada flash. Pertimbangkan bahwa banyak situs web canggih seperti gmail, google maps, dan youtube dapat berjalan tanpa flash menggunakan HTML dan javascript. Perbaikan yang dilakukan pada javascript dan HTML memungkinkan situs web untuk mengembangkan fitur grafis & animasi yang lebih kaya tanpa harus membayar Adobe.

Pengembang web masih memperhatikan peramban seperti IE6 yang sudah sangat tua, sehingga Anda dapat yakin bahwa Flash dan teknologi serupa akan ada untuk waktu yang lama ...