Membuat Screen Shot Website Dari URL Menggunakan PHP

Membuat Screen Shot Website Dari URL Menggunakan PHP

Pada kesempatan kali ini saya akan Membuat Screen Shot Website Dari URL Menggunakan PHP. Dimana screen shot pada halaman website yang akan saya ambil melalui alamat url atau link.

Langkah pertama dalam cara Membuat Screen Shot Website Dari URL Menggunakan PHP yaitu teman-teman bisa buat perintah php untuk melakukan screen shot seperti pada script di bawah ini.

<?php

$screen_shot_image = '';

if(isset($_POST["screen_shot"])){

 $url = $_POST["url"];

 $screen_shot_json_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runPagespeed?url=$url&screenshot=true");

 $screen_shot_result = json_decode($screen_shot_json_data, true);

 $screen_shot = $screen_shot_result['screenshot']['data'];

 $screen_shot = str_replace(array('_','-'), array('/', '+'), $screen_shot);

 $screen_shot_image = "<img src=\"data:image/jpeg;base64,".$screen_shot."\" class='img-responsive img-thumbnail'/>";

}

?>

Jika sudah selesai maka selanjutnya akan membuat struktur html seperti pada script berikut ini.

<html>

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>Membuat Screen Shot Website Dari URL Menggunakan PHP</title>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

  <style>

  .box{

   width:100%;

   max-width:720px;

   margin:0 auto;

  }

  </style>

 </head>

 <body>

  <div class="container box">

   <br />

   <h2 align="center">Membuat Screen Shot Website Dari URL Menggunakan PHP</h2><br />

   <form method="post">

    <div class="form-group">

     <label>Masukan URL</label>

     <input type="url" name="url" class="form-control input-lg" required autocomplete="off" />

    </div>

    <br />

    <br />

    <input type="submit" name="screen_shot" value="Download Screenshoot" class="btn btn-primary btn-lg" />

   </form>

   <br />

   <?php echo $screen_shot_image;?>

  </div>

  <div style="clear:both"></div>

  <br />

  <br />

  <br />

  <br />

 </body>

</html>

Dan jika ditampilkan di halaman browser maka akan seperti pada gambar di bawah ini.

Demikian artikel tentang cara Membuat Screen Shot Website Dari URL Menggunakan PHP.