{"id":14979,"date":"2012-09-18T18:24:40","date_gmt":"2012-09-18T10:24:40","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=14979"},"modified":"2023-06-13T02:20:21","modified_gmt":"2023-06-12T18:20:21","slug":"cinemagraphs-with-cliplets","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/","title":{"rendered":"Create Cinemagraphs Easily Using Cliplets"},"content":{"rendered":"<p>You might have checked out our post on <a href=\"https:\/\/www.hongkiat.com\/blog\/cinemagraph\/\">cinemagraphs<\/a> and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to do.<\/p>\n<p>Check out this picture of a skateboard wheel we did in less than 5 minutes! Although it is not the most exciting picture, it sure has a cool effect.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif\" alt=\"Cinemagraph Skateboard Wheel\" width=\"500\" height=\"281\"><\/figure>\n<p>Today, we\u2019re going to run through a few steps on <strong>how to make your own cinemagraph<\/strong> with an easy-to-understand program with help from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.microsoft.com\/en-us\/research\/project\/cliplets-juxtaposing-still-and-dynamic-imagery\/\">Cliplets<\/a>.<\/p>\n<h2>How Cliplets Work<\/h2>\n<p>Cliplets works by \u2018pausing\u2019 the background while only a selected area of the video \u2018plays\u2019 in a loop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cliplets-explanation.jpg\" alt=\"Cliplets Explanation\" width=\"500\" height=\"281\"><\/figure>\n<p>So in the case of the image above, the green area is the selected area that \u2018plays\u2019 in a loop; while the background is \u2018paused\u2019 at some point.<\/p>\n<h2>Getting Started<\/h2>\n<p>To start off using Cliplet, click <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/download.cnet.com\/Microsoft-Research-Cliplets-32-Bit\/3000-2186_4-75692322.html\">here<\/a> to download the 32-bit version for the 64-bit version. Note that it currently only works with Windows 7.<\/p>\n<p>Let\u2019s first take a look at the user interface of the Cliplets software (numbered for your convenience):<\/p>\n<ol>\n<li>The viewing area where you see the video playback.<\/li>\n<li>Timeline that controls your imported video.<\/li>\n<li>Panel of layers that are used for editing.<\/li>\n<li>Timeline of the final project with a play button to see the final effect.<\/li>\n<\/ol>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-cliplets.jpg\" alt=\"Cliplets User Interface\" width=\"500\" height=\"375\"><\/figure>\n<h2>Creating The Cinemagraph<\/h2>\n<p>Next, <strong>get a short clip<\/strong> of what you want to turn into a cinemagraph. Make sure that the video is recorded with a steady hand, and that it is not too jerky. Now, go ahead and drag your short clip into the project viewing area.<\/p>\n<p>Try hitting the play button on the top. You will notice that your video is stabilized with almost no shaky movements. Do not worry about the edges moving about, and not \u2018staying put\u2019, as those are the effects of stabilizing the video.<\/p>\n<h3>1. Choosing the Still Background Frame<\/h3>\n<p>So, the first step is to choose that \u2018paused\u2019 background. You select a background by sliding the top square along the timeline.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-timeline.jpg\" alt=\"Cliplets Timeline\" width=\"500\" height=\"73\"><\/figure>\n<p>You\u2019d want to pick a background where the object you want to \u2018animate\u2019 is not moving about too much. The background chosen (and shown) here is after the hand had spun the wheel and is resting on the board. The wheel is steady around the centre of the screen.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-still-background.jpg\" alt=\"Cliplets Still Background\" width=\"500\" height=\"375\"><\/figure>\n<h3>2. Selecting the \u2018Animated\u2019 Timeline<\/h3>\n<p>Next thing you have to do is click on <strong>Add new layer<\/strong> located on the layers panel on the right. A new layer titled \u2018loop\u2019 will be created. Select a small part of the clip with the animation you want to feature. Move the orange area on the imported clip timeline to indicate where the \u2018loop\u2019 starts and ends. .<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-timeline-animate.jpg\" alt=\"Cliplets Animate Timeline\" width=\"500\" height=\"72\"><\/figure>\n<p>Remember that the \u2018animated\u2019 area goes in a loop. In this example, we have chosen to feature the wheel going one full round. There is no limit as to how long or short the loop should cover but to ensure smoothness of the effect, you may want to adjust this a few times to get the effect just right.<\/p>\n<h3>3. Outlining the \u2018Animated\u2019 Area<\/h3>\n<p>Once you\u2019ve done that, draw around the area you want to \u2018animate\u2019.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-animate-layer.jpg\" alt=\"Cliplets Mask Layer\" width=\"500\" height=\"286\"><\/figure>\n<p>Notice that your cursor now looks like a pen; highlighted in green. This is for you to draw an outline of the area you want to \u2018animate\u2019. In this caes, it\u2019s the rotating wheel you see below.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-selection.jpg\" alt=\"Cliplets Animate Selection\" width=\"500\" height=\"282\"><\/figure>\n<p>Hit the play button at the bottom to see if the effect works well. If you\u2019re not satisfied with the results, try fine tuning Step 2; by either adding or removing one or two frames to the the \u2018animated\u2019 selection.<\/p>\n<p>If it still does not look perfect, here is a little tip. Enable \u2018Smooth\u2019 located under the Play button at the project timeline. When hit the Play button you\u2019d notice that the transition is smoother.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cliplets-smooth.jpg\" alt=\"Cliplets Smooth\" width=\"500\" height=\"110\"><\/figure>\n<h3>4. Exporting your Cinemagraph<\/h3>\n<p>Once you\u2019re satisfied with your cinemagraph, hit the \u2018Export Cliplet\u2019 button and you will see three file formats to export to: .gif, .mp4 and .wmv. Our example is a .gif file format.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif\" alt=\"Cinemagraph Skateboard Wheel\" width=\"500\" height=\"281\"><\/figure>\n<h2>Conclusion<\/h2>\n<p>The Microsoft Research team has created something simple that everyone can use to create cinemagraphs. If you are interested to learn more, they have some more advanced tutorials that you can check out, as well as a gallery of working cinemagraphs to marvel at.<\/p>\n<p>For some ideas on creating your own unique cinemagraph, take a look at these <a href=\"https:\/\/www.hongkiat.com\/blog\/cinemagraph\/\">amazing examples<\/a>.<\/p>\n<p>We hope that your cinemagraph turned out as you expected, enjoy!<\/p>","protected":false},"excerpt":{"rendered":"<p>You might have checked out our post on cinemagraphs and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to do. Check out this picture of a skateboard wheel we did in less than 5 minutes! Although it is not the most exciting picture,&hellip;<\/p>\n","protected":false},"author":122,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3397],"tags":[1728,1962],"topic":[4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create Cinemagraphs Easily Using Cliplets - Hongkiat<\/title>\n<meta name=\"description\" content=\"You might have checked out our post on cinemagraphs and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Cinemagraphs Easily Using Cliplets\" \/>\n<meta property=\"og:description\" content=\"You might have checked out our post on cinemagraphs and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2012-09-18T10:24:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-12T18:20:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif\" \/>\n<meta name=\"author\" content=\"Brian Voo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Voo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/\"},\"author\":{\"name\":\"Brian Voo\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/fc9373e4ffc8040c5ac23136dfe93557\"},\"headline\":\"Create Cinemagraphs Easily Using Cliplets\",\"datePublished\":\"2012-09-18T10:24:40+00:00\",\"dateModified\":\"2023-06-12T18:20:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/\"},\"wordCount\":740,\"commentCount\":27,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/cinemagraph-skateboard.gif\",\"keywords\":[\"Cinemagraph\",\"rr\"],\"articleSection\":[\"Desktop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/\",\"name\":\"Create Cinemagraphs Easily Using Cliplets - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/cinemagraph-skateboard.gif\",\"datePublished\":\"2012-09-18T10:24:40+00:00\",\"dateModified\":\"2023-06-12T18:20:21+00:00\",\"description\":\"You might have checked out our post on cinemagraphs and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/cinemagraph-skateboard.gif\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/cinemagraph-skateboard.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cinemagraphs-with-cliplets\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Cinemagraphs Easily Using Cliplets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/fc9373e4ffc8040c5ac23136dfe93557\",\"name\":\"Brian Voo\",\"description\":\"Brian is a Mass Communication graduate with a passion for everything related to technology, minimalistic designs, and every kind of gadgetry.\",\"sameAs\":[\"http:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/brianvoo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Cinemagraphs Easily Using Cliplets - Hongkiat","description":"You might have checked out our post on cinemagraphs and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/","og_locale":"en_US","og_type":"article","og_title":"Create Cinemagraphs Easily Using Cliplets","og_description":"You might have checked out our post on cinemagraphs and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to","og_url":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-09-18T10:24:40+00:00","article_modified_time":"2023-06-12T18:20:21+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif","type":"","width":"","height":""}],"author":"Brian Voo","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Brian Voo","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/"},"author":{"name":"Brian Voo","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/fc9373e4ffc8040c5ac23136dfe93557"},"headline":"Create Cinemagraphs Easily Using Cliplets","datePublished":"2012-09-18T10:24:40+00:00","dateModified":"2023-06-12T18:20:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/"},"wordCount":740,"commentCount":27,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif","keywords":["Cinemagraph","rr"],"articleSection":["Desktop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/","url":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/","name":"Create Cinemagraphs Easily Using Cliplets - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif","datePublished":"2012-09-18T10:24:40+00:00","dateModified":"2023-06-12T18:20:21+00:00","description":"You might have checked out our post on cinemagraphs and are now wondering how to create your own. Well, let us tell you a secret; it is not very hard to","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/cinemagraph-skateboard.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Cinemagraphs Easily Using Cliplets"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/fc9373e4ffc8040c5ac23136dfe93557","name":"Brian Voo","description":"Brian is a Mass Communication graduate with a passion for everything related to technology, minimalistic designs, and every kind of gadgetry.","sameAs":["http:\/\/www.hongkiat.com\/blog\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/brianvoo\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-3TB","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/122"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=14979"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14979\/revisions"}],"predecessor-version":[{"id":67474,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14979\/revisions\/67474"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=14979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=14979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=14979"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=14979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}