{"version":"1.0","provider_name":"Cloudinary Blog","provider_url":"https:\/\/cloudinary.com\/blog","title":"Modify Media Notifications with Media Sessions API","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"f1Rt6ZNnxE\"><a href=\"https:\/\/cloudinary.com\/blog\/guest_post\/modify-media-notifications-with-media-sessions-api\/\">Modify Media Notifications with Media Sessions API<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/cloudinary.com\/blog\/guest_post\/modify-media-notifications-with-media-sessions-api\/embed#?secret=f1Rt6ZNnxE\" width=\"600\" height=\"338\" title=\"&#8220;Modify Media Notifications with Media Sessions API&#8221; &#8212; Cloudinary Blog\" data-secret=\"f1Rt6ZNnxE\" 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\/f_auto,q_auto\/v1681922350\/Web_Assets\/blog\/f501ff99410cc38d22ef37b4780b50e5194d6f95-1728x662-1_27936e084e\/f501ff99410cc38d22ef37b4780b50e5194d6f95-1728x662-1_27936e084e.png?_i=AA","thumbnail_width":1728,"thumbnail_height":662,"description":"The Media Sessions API provides a way to customize media notifications. Let\u2019s imagine this scenario. You have multiple tabs opened with audio and videos playing on each of them and let\u2019s say you want to pause the tab playing \u201cN.Y State of Mind by Nas\u201d, and you don\u2019t want to go to that specific tab to pause the audio. You wished you had a way to control media playback right? That\u2019s where Media Sessions API come in.","author_url":"https:\/\/cloudinary.com\/blog\/author\/christian_nwamba","author_name":"Christian Nwamba"}