New Programe Poin Best Post User

Dapatkan Poin Untuk Semua Postingan Kamu

Dapatkan poin ,pada setiap artikel/post yang kamu bagikan.Tukarkan poin dengan,Paket menarik dari toolartikel.akumulasi poin berlaku untuk semua interaksi pada postingan termasuk ,komentar,balasan komentar dan beberapa kali tombol suka ,kamu dapatkan.

Kontrol Penganturan Berbagi Konten

Repot/blokir konten ada pada jemari anda. Menyaring konten atau postingan,apa yang ingin anda lihat dan bagikan.

Algoritma Sistem Mengikuti Tren Media Sosial

Anda akan menemukan banyak,tombol pintasan pada satu halaman,seperti mengirim permintaan pertemanan,mengikuti,mengirim pesan,gambar dan video,anda tidak perlu hawatir untuk pindah kehalaman lain dan berulang kali memuat halaman ,berkat sistem ajax validasi,oprasi/proses pengiriaman data akan lebih singkat.

Dilengkapi Pemberitahuan aktifitas pengguna

Pemberitahuan icon lonceng ,untuk setiap aktifitas antar pengguna,Anda akan selalu melihat artikel/postingan terbaru dari idola atau seseorang yang anda ikuti.

Kesimpulan

Ayo bersama-sama kita memajukan ekosistem media sosial,mengexpresikan Gaya kita dengan cara kita .Tentu dengan tidak mengenyampingkan segi keamanan dan norma-norma ,undang-undang yang ada, pada setiap negara. Saya / Kami berharap dengan diterbitkan portal, forum atau wadah jejak digital toolartikel,menambah minat baca penulis,konten kreator.

adminakun

PengembangWeb Sep-15-2022

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.

--
-- Table structure for table `<span style="background-color: rgb(0, 255, 0);">forum_topic_video</span>`
--

CREATE TABLE IF NOT EXISTS `forum_topic_video` (
  `fv__id` varchar(100) NOT NULL,
  `fv_token` varchar(200) NOT NULL,//Token Pengguna
  `fv_by_id` varchar(200) NOT NULL,
  `fv_created_by` varchar(300) NOT NULL,
  `fv_body` varchar(2000) NOT NULL,
  `fv_time` varchar(3000) NOT NULL,
  `fv_link` varchar(300) NOT NULL,
  `fv_image` varchar(300) NOT NULL,
  `fv_file` varchar(300) NOT NULL,
  `tv_tub` varchar(111) NOT NULL,
  `fv_pub` varchar(100) NOT NULL,
  `fv_pri` varchar(100) NOT NULL,
  `fd_vb` varchar(5) NOT NULL,
  `fd_vh` varchar(5) NOT NULL,
  `fd_fm` varchar(5) NOT NULL,
  `fd_mm` varchar(5) NOT NULL,
  `fd_th` varchar(5) NOT NULL,
  `fd_jj` varchar(4) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

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

<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">
    <head>
    	<meta name="google" content="notranslate" />
        <meta charset="UTF-8">
        <meta name="description" content="Transform Video to GIF">
        <meta name="keywords" content="Canvas,Video,GIF,Encode">
       	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />  
	    <meta http-equiv="Content-Language" content="en" />
	    <meta name="msapplication-TileColor" content="#ffffff" />
	    <meta name="theme-color" content="#ffffff" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="mobile-web-app-capable" content="yes" />
	    <meta name="HandheldFriendly" content="True" />
	    <meta name="MobileOptimized" content="320" />  
	    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
        <link href="css/main.css" rel="stylesheet" type="text/css">
        <title>ᴠɪᴅᴇᴏ ᴛᴏ GIF ᴍᴀᴋᴇʀ</title>
    </head>
	<body>         
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <p id="copyrightBanner">© Copyright <span id="yearDisplay"></span> | Created by <a href="https://medium.com/@geek-cc" target="_blank">the Girl with a ribbon</a> ξ(🎀˶❛◡❛) | Inspired by: 🎞 📽 <a href="https://ezgif.com/video-to-gif" target="_blank">video to animated GIF converter</a></p>
		<h2>📽 Video Clip to GIF Conversion</h2>
		<p><button id='inputVideoClipFileBtn' type='button' class='btn btn-outline-dark'>📤 <small>Upload Video!</small><input id='inputVideoClipFile' type='file' multiple='false' accept='.mp4,.webm,.avi,.mpeg,.flv,.mov,.3gp' /></button> ⇽ 🏁 <b>START!</b></p>
		<hr>
		<div id='inputVideoClipFileInfo' class='table-responsive'>
			<table class="table table-bordered">
				<thead>
					<tr align="left">
						<th colspan='2' id='inputVideoPreview' class='imageBg'>
							<h3><span>🎦 Uploaded Preview</span>
							<span><small>FPS:</small></span>
							<select id='fpsDropdownList'>
								<option value='1'>1 fps</option>
								<option value='2'>2 fps</option>
								<option value='3'>3 fps</option>
								<option value='4'>4 fps</option>
								<option value='5'>5 fps</option>
								<option value='6'>6 fps</option>
								<option value='7'>7 fps</option>
								<option value='8'>8 fps</option>
								<option value='9'>9 fps</option>
								<option value='10' selected>10 fps</option>
								<option value='12'>12 fps</option>
								<option value='13'>13 fps</option>
								<option value='15'>15 fps</option>
								<option value='17'>17 fps</option>
								<option value='20'>20 fps</option>
								<option value='25'>25 fps</option>
								<option value='34'>34 fps</option>
								<option value='50'>50 fps</option>
							<select>
						</h3></th>
					</tr>
				</thead>
				<tbody id='inputVideoDetails'></tbody>
			</table>
			<div id='loadingBar'></div>
		</div>
		<script type="text/javascript" src="js/LZWEncoder.js"></script>
		<script type="text/javascript" src="js/NeuQuant.js"></script>
		<script type="text/javascript" src="js/GIFEncoder.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<div id='hiddenCanvas' style='display:none'></div>
        <!-- // Video by <a href="https://pixabay.com/users/julientromeur-3630051/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=25144">Julien Tromeur</a> from <a href="https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=25144">Pixabay</a> -->
	</body>
</html>

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


 <button id="inputVideoClipFileBtn" type="button"class="btn btn-outline-dark float-right">
<input name="ImageFile" type="file" id="inputVideoClipFile"  class="upload-video-file" accept="video/*"/>
<span id="Display"></span> Pilih Video</button><br/><br/>
             <div class="card card-default modal-body">
 <div class="input-group-append"> 
<div id=""></div>
  <input type="hidden" name="token" value="<?php echo $session_log['token'];?>">

 <div style="display: none"class="video-prev" class="float-left"> 
		<hr>
		<div id='inputVideoClipFileInfo' class='table-responsive'>
			<table class="table table-bordered">
				<thead>
					<tr>
						<th colspan='2' id='inputVideoPreview' class='imageBg'>
							
							<div id='fpsDropdownList'>
								
 <div id="vietext"class="">
</div>
 <!---video style="width:100%;height:auto;"class="video-preview" controls="controls" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
id="video" onerror="failed(event)" preload="none" allowfullscreen--->

<script>
$(function() { 
$('.upload-video-file').on('change', function(){ 
if (isVideo($(this).val())){ 
$('.video-preview').attr('src', URL.createObjectURL(this.files[0])); 
$('.video-prev').show(); 
$('#vietext').html('<!---textarea name="textbody"id="textbody"class="form-control input-lg" placeholder="Tentang Video" style="width:300px;height:49px;"></textarea--><br><br/>');
} else { 
$('.upload-video-file').val(''); 
$('.video-prev').hide(); 
alert("Type File Tidak Didukung") 
} 
}); 
}); 
function isVideo(filename) { 
var ext = getExtension(filename); 
switch (ext.toLowerCase()) { 
case 'm4v': 
case 'avi': 
case 'mp4': 
case 'mov': 
case 'mpg': 
case 'mpeg':
return true; 
} 
return false; 
} 
function getExtension(filename) { 
var parts = filename.split('.'); 
return parts[parts.length - 1]; 
}</script>
							</div>
						</th>
					</tr>
				</thead>
				<tbody id='inputVideoDetails'></tbody>
			</table>
			<div id='loadingBar'></div></div>

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 .

staticFrames+=`<th><div class="card card-default"><small>Pilih Tubnail ${frameIndex++}</small><br/><img src=${frameB64Str} width='75' />
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary${frameIndex}" name="imgcor" value="src=${frameB64Str}"> <label for="radioPrimary${frameIndex}"><i class="fas fa-image"></i></label></div></div></th>`;
      	if(FPS==0) { 
      		let elapsed = ((Date.now()) - startTime) / 1000.0;
      		FPS=(frameIndex / elapsed)*1000.0;
      		requiredFPSDelay=FPS-(requiredFPS*10);
	      	if(requiredFPSDelay<0) {
	      		requiredFPSDelay=0;
	      	}
      	}
      	
	    // console.log([FPS, (requiredFPS*10), requiredFPSDelay]);
  		await new Promise((resolve, reject) => setTimeout(resolve, requiredFPSDelay));

      	if(continueCallback) {
      		videoObj.requestVideoFrameCallback(step);
      	}
    };

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

action="video/insert.php?mail=<? echo $_SESSION['email']?>"
Menjadi
href="video/insert.php?mail=admin@toolartikel.com"

Contoh lengkap

<form action="video/insert.php?id=<?php echo $sess_log['id']?>&cur=<? echo $sess_far['current']?>" method="post" enctype="multipart/form-data" id="UploadForm">

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.

<?
    ini_set("display_errors",1);
    session_start();
if($_SERVER['REQUEST_METHOD'] == 'POST'){

/*-Koneksi database-*/
    require './db/database.php';

/*-Tanda tangan formulir masuk-*/
    $token = mysqli_real_escape_string($database,$_REQUEST['token']);
    $id = mysqli_real_escape_string($database,$_REQUEST['id']);

/*-REQUEST input form-*/ $textbody=$_REQUEST['textbody'];
    $token=$_REQUEST['token'];

    $pub=$_REQUEST['pub'];
   $imgcor=$_REQUEST['imgcor'];
    $imgcor = mysqli_real_escape_string($database,$_REQUEST['imgcor']);

/*-falidation Session User-*/
$sq_ci="SELECT u_id,
u_token FROM user WHERE u_id='$id' AND u_token='$token'";
    $res_ci=  mysqli_query($database,$sq_ci) or die(mysqli_errno());
    $trws= mysqli_num_rows($res_ci);
    if($trws==1){
    $_ci=  mysqli_fetch_array($res_ci);

/*-Claim pengguna Berdasarkan Id-*/
    $tmp_session=$_ci['u_id'];
    $sql_session= "SELECT * FROM user WHERE u_id= '$tmp_session'";
    $result_session = mysqli_query($database,$sql_session);
    $session= mysqli_fetch_array($result_session);

/*-Ramdem Id Video-*/
$karakter = '1234567890ABCDEFGHIJKLMNopqrstuvwxyz'; 
$shuffle = str_shuffle($karakter);

/*-Randem Nama Folder-*/
$op=rand(2000,5000).time();

/*-Full Date Time-*/
$dt=date('D-M-Y h:i');
$vd=date('D');/*hari*/
$vm=date('d');/*hari/tgl*/
$jj=date('h');/*jam*/
$vb=date('i');/*menit*/
$mb=date('M');/*bulan*/
$hh=date('Y');/*tahun*/

/*-Membuat Folder Otomatis-*/
  $Destination = "../video/09/$op";
  $file_to_write = ""; 
$content_to_write = ""; 
if( is_dir($Destination) === false ) { mkdir($Destination); 
} 
$file = fopen($Destination . '/' . $file_to_write,"w"); 
fwrite($file,""); 
    fwrite($file, $content_to_write); 
fclose($file);
    $Destination . '/' . $file_to_write;

/*-Menulis File Gakbar Kedalam Director-*/
  $Destination = "../video/09/$op";
if($op){
  $file_to_write = "$op.png"; 
$content_to_write = "$imgcor"; 
if( is_dir($Destination) === false ) { mkdir($Destination); 
} 
$file = fopen($Destination . '/' . $file_to_write,"w"); 
fwrite($file,""); 
    fwrite($file, $content_to_write); 
fclose($file);
    $Destination . '/' . $file_to_write;
}
        if(!isset($_FILES['ImageFile']) || !is_uploaded_file($_FILES['ImageFile']['tmp_name'])){
move_uploaded_file($_FILES['ImageFile']['tmp_name'], "$Destination/$NewImageName");
        }
        else{
            $RandomNum   = rand(0, 9999999999);
            $ImageName = str_replace(' ','-',strtolower($_FILES['ImageFile']['name']));
            $ImageType = $_FILES['ImageFile']['type'];
            $ImageExt = substr($ImageName, strrpos($ImageName, '.'));
            $ImageExt = str_replace('.','',$ImageExt);
            $ImageName = preg_replace("/\.[^.\s]{3,4}$/", "", $ImageName);
            $NewImageName = $ImageName.'-'.$RandomNum.'.'.$ImageExt;           move_uploaded_file($_FILES['ImageFile']['tmp_name'], "$Destination/$NewImageName");
}

/*-Menulis Data Kedalam Database-*/
$sqlvideo="INSERT INTO forum_topic_video(fv__id,
fv_token,
fv_by_id,
fv_created_by,
fv_body,
fv_time,
fv_link,
fv_image,
fv_file,
tv_tub,
fv_pub,
fv_pri,
fd_vb,
fd_vh,
fd_fm,
fd_mm,
fd_th,
fd_jj) VALUES (
'$shuffle',
'".$session['u_token']."',
'$idus',
'".$session['u_id']."',
'$textbody',
'$dt',
'',
'$op',
'$NewImageName',
'$op.png',
'$pub',
'',
'$vd',
'$vm',
'$vb',
'$mb',
'$hh',
'$jj')";
mysqli_query($database,$sqlvideo)or die(mysqli_error($database));

/*-Lemaparan Tautan Setalah Berhasil Menulis Data-*/
      header("location:../view.php?video=".$shuffle."&request=video-Uplaod&status=success");
    }else{
/*-Jika Gagal Menulis Dikembalikan Kehalaman Index-*/
    header("location:../index.php?video=".$shuffle."&request=Upload-video&status=gagal");
    }    
}?>

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,

<? 
if($session['us_id']){
if($session['us_token']){
print '<div class="tab-pane" id="timeline">';
$tmv=$session['us_token'];
$sqv="SELECT * FROM pvs WHERE pgy='$tmv' ORDER BY pgy ASC";
$resv=mysqli_query($db,$sqv);
while($qv= mysqli_fetch_array($resv)){
if($qv['puc']){}else{
$tmlvf=$qv['pgy'];
$sqlvf="SELECT * FROM media WHERE metok ='$tmlvf'
ORDER BY date_ful ASC";
$resvf=mysqli_query($db,$sqlvf);
while($vr= mysqli_fetch_array($resvf)){
if($vr['metext_ces']){}else{
/*---Reply-Count---*/
$tmrr=$vr['metid'];
$sq_rr= "SELECT count(*) as count from video_reply where vrbiy = '$tmrr'";
$rerr= mysqli_query($db,$sq_rr) or die(mysqli_error($db));
$v_vr= mysqli_fetch_array($rerr);

/*---Like-Count---*/
$s_pt=$vr['metid'];
$s_pt= "SELECT count(*) as count from video_like where vilkby = '$s_pt'";
$re_pt= mysqli_query($db,$s_pt) or die(mysqli_error($db));
$clik= mysqli_fetch_array($re_pt);
$vra=$v_vr['count'];
$a1=$clik['count'];
if($vr['metfvimg']){
if($vr['metfvi']){
$tmpky=$vr['metok'];
$qlky= "SELECT * FROM user WHERE us_token='$tmpky'";
$rltky= mysqli_query($db,$qlky) or die(mysqli_error($db));
$ky= mysqli_fetch_array($rltky);

$tmcn=$vr['metid'];
$qcm= "SELECT * FROM video_like WHERE vilkby='$tmcn' AND viklcr='".$session['us_token']."'";
$rscm= mysqli_query($db,$qcm) or die(mysqli_error($db));
$cm= mysqli_fetch_array($rscm);
 $sel_tar = 'avatar/tubs/'.$ky['us_fd'].'/'.     $ky['us_img'].''; 
    $gp_l = "{$sel_tar}.gp"; 
    if (is_file($gp_l)) { 
    $gp = file_get_contents($gp_l); 
    } else { 
    $bin = file_get_contents($sel_tar); 
    $gp = base64_encode($bin);        file_put_contents($gp_l, $gp);
}
$lo_tar = 'avatar/video/'.$vr['metfvnm'].'/'.$vr['metfvi'].''; 
    $fr_vid = "{$lo_tar}.vid"; 
    if (is_file($fr_vid)) { 
    $vid = file_get_contents($fr_vid); 
    } else { 
    $bin = file_get_contents($lo_tar); 
    $vid = base64_encode($bin);        file_put_contents($fr_vid, $vid);
}
$nn=$ky['us_nm'];
$tt=$vr['metfvbody'];
print '<i id="infohidden'.$vr['metid'].'"><div class="btn btn-dark"style="width: 100%;height: 48px"><img class="direct-chat-img" src="data:image/jpeg;base64,'.$gp.'" alt="avatar ';
print $nn;
print '"><span class="timeline-time float-left"><a href="profile.php?my=<? echo $my?>&fvt=<? echo $fvt?>">';
if($nn){
print '&nbsp';
print $nn;
print '&nbsp</a></span>'; 
if($tt){
print '<i class="float-right"/>';
/*include('date-invit.php');*/
print '</i>';
}else{
print '<i class="float-right"/>';
/*include('date-invit.php');*/
print '</i>';
}
print '</div>
 <div class="btn-dark card">
    <div class="btn-secondary">';
if($tt){
print '<div class="card-body">';
print $tt;
print '</div>';
}
print '<div class="card card-default container text-center">';?>
<i id="infoply<? echo $vr['metid']?>">

<img <? echo htmlspecialchars(file_get_contents("avatar/video/".$vr['metfvnm']."/". $vr['metfvimg']."")); ?> style='border:none;
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 350px;' class=text-center>
	<form id="formplay<? echo $vr['metid']?>">
		<input type="hidden" name="field219" id="field219"value="<? echo $session['us_token']?>">

<input type="hidden" name="field220" id="field220"value="<? echo $vr['metid']?>">

<input type="hidden" name="field221" id="field221"value="<? echo $vr['metfvnm']?>">

<input type="hidden" name="field222" id="field222"value="<? echo $vr['metfvi']?>">

<button type="submit" name="submit" class="direct-chat-img bg-default float-left"style="border:none;
strong;"><i class="fas fa-play"style="color:blue"></i></button>

<script>
	$('#formplay<? echo $vr['metid']?>').submit(function(event) {
		event.preventDefault();
		$.ajax({
			type: 'POST',
			url: 'play-but.php',
			data: $(this).serialize(),
			dataType: 'json',
			success: function (data) {
				console.log(data);
				$('#infoply<? echo $vr['metid']?>').html(data.msg);
$('#info219<? echo $vr['metid']?>').html(data.msg219);
			}
		});
	});
	</script>
</form></i>
</div>
<?
$sql_like="SELECT vlkid,vilkby,viklcr FROM video_like WHERE vlkid='".$cm['vlkid']."' AND vilkby='".$cm['vilkby']."' AND viklcr='".$session['us_token']."'";
      $result_like=  mysqli_query($db,$sql_like) or die(mysqli_errno());
$trws= mysqli_num_rows($result_like);
      if($trws==1){
      $like=  mysqli_fetch_array($result_like);?>
	<form id="formunlike<? echo $vr['metid']?>">
		<input type="hidden" name="field97" id="field97"value="<? echo $session['us_token']?>">

<input type="hidden" name="field98" id="field98"value="<? echo $cm['vlkid']?>">

<input type="hidden" name="field99" id="field99"value="<? echo $vr['metid']?>">

<i id="infoun<? echo $vr['metid']?>">
<input type="hidden" name="field100" id="field100"value="<? echo $tt?>">
<button type="submit" name="submit" class="direct-chat-img bg-warning"style="strong;
    border: 0,01px solid #cccccc;
    font-size: 0.75em;"><i class="fas fa-thumbs-up">&nbsp;<i style="color:black"><? 
print $a1;?></i></i></button>
	<script>
	$('#formunlike<? echo $vr['metid']?>').submit(function(event) {
		event.preventDefault();
		$.ajax({
			type: 'POST',
			url: 'ajax-unlike.php',
			data: $(this).serialize(),
			dataType: 'json',
			success: function (data) {
				console.log(data);
				$('#infoun<? echo $vr['metid']?>').html(data.msg);
$('#info97<? echo $vr['metid']?>').html(data.msg97);
			}
		});
	});
	</script></form>
<? }else{?>
<i id= "info91<? echo $vr['metid']?>"></i>
<form id="formlikevid<? echo $vr['metid']?>">
		<input type="hidden" name="field91" id="field91"value="<? echo $session['us_token']?>">

<input type="hidden" name="field92" id="field92"value="<? echo $vr['metid']?>">
<input type="hidden" name="field93" id="field93"value="<? echo $ky['us_token']?>">

<input type="hidden" name="field94" id="field94"value="<? echo $session['us_id']?>">

<input type="hidden" name="field95" id="field95"value="<? echo $tt?>"></i>
<i id="infolike<? echo $vr['metid']?>">
<button type="submit" name="submit" class="btn-info direct-chat-img"style="strong;
    border: 0,01px solid #cccccc;
    font-size: 0.75em;"><i class="fas fa-thumbs-up">&nbsp;<i style="color:black"><? 
if($a1){
print $a1;
}?></i></button></i>
	<script>
	$('#formlikevid<? echo $vr['metid']?>').submit(function(event) {
		event.preventDefault();
		$.ajax({
			type: 'POST',
			url: 'ajax-likevid.php',
			data: $(this).serialize(),
			dataType: 'json',
			success: function (data) {
				console.log(data);
				$('#infolike<? echo $vr['metid']?>').html(data.msg);
$('#info91<? echo $vr['metid']?>').html(data.msg91);
$('#info92<? echo $vr['metid']?>').html(data.msg92);
			}
		});
	});
	</script></form>
<?  }
echo '<button type="button"class="text-center btn-info direct-chat-img float-left"style="strong;
    border: 1,12px solid #cccccc;
    font-size: 0.75em;"data-toggle="modal" data-target="#modal-commen'.$vr['metid'].'"><i class="fas fa-comments"></i>&nbsp;<i id="info88'.$vr['metid'].'"><i style="color:black">';
if($vra){
print $vra;}
print'</i></i></i></button>';
if($session['us_token']==$vr['metok']){
print '<button type="button"class="text-center btn-info direct-chat-img float-right"style="strong;
    border: 1,12px solid #cccccc;
    font-size: 0.75em;"data-toggle="modal" data-target="#modal-priv'.$vr['metid'].'"><i class="fas fa-cog"></i>
</button>';
}
/*include('opsi-orvid.php');*/
print '</div></div></i></i>';
include ('for-privid.php');
/*include ('for-videocm.php');
include('silit/for-detail.php');  
include('silit/for-stop.php');*/
       }
     }
    }
   }
  }
 }
}
print '</div>'; 
}
}?>

Preview Upload Video Tubnail

Mencoba sample projec 097
DEMO
Perlu authentication login proces sebagai berikut ini Atau mengisi form pendaftaran yang baru.

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.

Artikel Dan Unduhan

Pengguna Baru

User.1964805237

New User

User.5794081326

New Programe Poin Best Post User

Dapatkan Poin Untuk Semua Postingan Kamu

Kontrol Penganturan Berbagi Konten

Algoritma Sistem Mengikuti Tren Media Sosial

Dilengkapi Pemberitahuan aktifitas pengguna

Kesimpulan

Dapatkan Poin Untuk, Apa Yang Anda Tulis

`Tukarkan Dengan Paket Menarik Dari Tool Artikel`

`Buat Status Conten Atau Post Anda Lebih Bermakna`

`Segera Memulai Untuk Menerima Hadiah Anda Hari Ini`

`Temukan Kenalan`

`Dan Teman Baru Dari Seluruh Dunia`

`Kumpulkan Poin`

`Tukarkan Dengan Pulsa Atau Top Up Games`

Membuat Tubnail Upload Video Dengan Java Script

Menangkap gambar dari daftar list video tubnail

Preview Upload Video Tubnail

Artikel Dan Unduhan

Pengguna Baru

Artikel Dan Unduhan