{"version":"1.0","provider_name":"Cloudinary Blog","provider_url":"https:\/\/cloudinary.com\/blog","title":"Hiding Text in Images Using Plain JavaScript","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"fI24edI8Vv\"><a href=\"https:\/\/cloudinary.com\/blog\/guest_post\/hiding-text-in-images-using-plain-javascript\/\">Hiding Text in Images Using Plain JavaScript<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/cloudinary.com\/blog\/guest_post\/hiding-text-in-images-using-plain-javascript\/embed#?secret=fI24edI8Vv\" width=\"600\" height=\"338\" title=\"&#8220;Hiding Text in Images Using Plain JavaScript&#8221; &#8212; Cloudinary Blog\" data-secret=\"fI24edI8Vv\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1681925111\/Web_Assets\/blog\/8c359fc1e7187f4db6a0fe87a19558655a80f33b-259x194-1_28210a5083\/8c359fc1e7187f4db6a0fe87a19558655a80f33b-259x194-1_28210a5083-jpg?_i=AA","thumbnail_width":259,"thumbnail_height":194,"description":"Steganography is the process of concealing information in an image or any other digital artifact. Steganography is used to conceal text from unauthorized parties. With JavaScript we can easily use steganography.js to assist us in hiding\/encoding data inside images and decoding\/viewing the hidden message. Let's explore on how we can achieve this.","author_url":"https:\/\/cloudinary.com\/blog\/author\/eugene-musebe","author_name":"Eugene Musebe"}