Membuat Tubnail Unggahan video Dengan Java script
PengembangWeb

Membuat Tubnail Upload Video Dengan Java Script

Mengambil gambar dari unggahan video dengan java script,Fitur upload video salah satu fitur yang wajib ada, pada daftar menu didalam projec anda, Sebagian dari pengguna sedikit lebih menyukai hiburan atau tutorial berbentuk video pendek, dalam artikil ini saya akan mebagikan struktur dan tatacara unggahan video dengan java script,tanpa penginstalan yang rumit, anda hanya perlu mengunduh file yang sudah disiapkan untuk , bisa langgsung bekerja dalam projec anda.Selain dapat mengompres video dalam extensi gambar base64,potongan video singkat .gif animasi sudah, termasuk didalamnya.Tersedia preview gambar, animasi,video.Pintasan tautan unduhan file extensi tersebut , dapat anda simpan kapan saja. Persiapkan unduhan full pada artikel script Uplad video preview . extrax file uplaod kedalam projec anda.  

Struktur folder file

  db
  js
  css
  video
      index.php
      view.php

Penyesuain dengan projec yang ada ,Membuat jalur penulisan data yang tersedia dengan projec yang anda gunakan,disini saya menggunakan php script untuk menjalankan projec, menulis dan menampilkan data yang ada.jika anda menggunkan cara yang sama seperti dalam artikel ini,kebetulan itu akan memudahkan proses.

Membuat table database untuk mengatur dan menampung data.


Keterangan fungsional pertable
1.fv__id : Id Video yang dicetak otomatis. 2.fv_token : Token atau id dari table pengguna. 3.fv_by_id : Id yang diambil dari data pengguna. 4.fv_created_by : Email atau nama pengguna yang diambil dari data pengguna. 5.fv_body : Text Descriotion conten,Video. 6.fv_time : Full Date Time. 7.fv_image : Nama folder dicetak otomatis. 8.fv_file : Nama file Video. 9.tv_tub : Nama file gambar. 10.fd_vb : hari, 11.fd_vh : tanggal, 12.fd_fm : menit, 13.fd_mm : bulan, 14.fd_th : tahun, 15.fd_jj : jam.

Berikut ini adalah contoh file index.php  yang terdiri dari html dan javascript

Membuat tombol pilih file dan extensi yang di ijinkan,susunan ini tidak termasuk dalam paket unduhan file,Anda perlu merubah baris berikut ini dan menyesuaikan tata letak tombol button ,dengan projec anda,menambah action lemparan tautan untuk menangkap file unggahan,menulis manual folder induk dalam director anda,    video

Menangkap gambar dari daftar list video tubnail


Merubah baris java script berikut ini,untuk mendapatkan potongan gambar base64,Menentukan icheck input type="radio" name="" value="", benar-benar menulis value, bagian potongan gambar yang akan digunakan untuk gambar/tubnail video,perintah dari bagian gambar berikut, yang ditentukan dengan input type radio,pengguna akan secara manual menentukan pilihan gambar yang dibutuhkan .

Menentukan jalur arah lemparan tautan pada action form method="post",wajib menyertakan formulir id/token dari masing -masing pengguna itu sendiri, yang dimaksut dan tujuan formulir masuk ,hal ini penting untuk dilakukan, supaya data yang akan dikirim mengenali id dari salah satu data atau data code khusu meraka, secara individu /Session .Sebagai contoh di sini saya menentukan email sebagai sessi masuk yang di ambil dari auothen google token id , sebelum pengguna masuk dan mengisi formulir, pada waktu pengaitan token ,saya merekam alamat email dan token id ,untuk digunakan sebagai data pengguna yang mendaftar kedalam projec yang saya buat. Sederhanya saya mencocokon alamat email yang berhasil terdaftar jika alamat email tersebut tidak termasuk data yang tersedia saya mengkatagorikan email,sebgai pengguna baru . biasanya formulis masuk,dapat kita tempel pada action/href, pada akhir nama file/tautan
Contoh lengkap

Menulis kedalam database membuat file baru dengan nama insert.php Beberapa proses dilakukan dalam tahapan ini, Seperti Membuat Director/File Otomatis dan menulis file Kedalam director baru. Termasuk didalamnya,Menyertakan tanda tangan formulir masuk,menegaskan data pengguna,dari session id/token mereka masing-masing.


Memanggil data gambar dan video,Menerapkan sistem login falidasi masuk atau metode-metode serupa yang menerapkan akses halaman multi pengguna,view.php. Menghamparkan data dari permentasi kumpulan data,

Preview Upload Video Tubnail

Mencoba sample projec 097
DEMO
Perlu authentication login proces sebagai berikut ini Atau mengisi form pendaftaran yang baru.
Email
Password
Setelah berhasil menyimpan dan mengextarx file Preview Upload Video Tubnail zip ,anda Perlu mengganti conection database,menyesuaikan dengan projec database yang ada.
conection
db-all.php
Tidak membutuhkan paket dan penginstalan khusus,didalam file bluid full script, anda hanya perlu ,menggungahnya dalam projec local atau hosting anda. Memperhatikan bug dan error script untuk fredbec saya ,bisa saja salah.
dalam proses pembuatan projec sedikit waktu dan pikiran saya curahkan dan hendaknya seseorang penulis menyertakan sumber dalam catatan mereka ,sebelum membagikan ulang artikel.
Unduhan file terkait
Membuat Tubnail Unggahan video Dengan Java script
Full Membuat Tubnail Unggahan video Dengan Java script Bluid Projec-097