Web Screenshot
Web screenshot allows you to capture part/whole of a webpage and share it as an image with optional text and URL.
Developer Demo
Display our demo page in your app to test during development https://median.dev/web-screenshot/
Sharing the visible web content
You can share just the visible web content (excluding the native UI e.g. Bottom Navigation)
↔️Median JavaScript Bridge
Run the following Median JavaScript Bridge command to share the screen content
median.webScreenshot.shareScreen({url: "https://www.median.dev", text: "Median Developer Demo" });
Sharing a web element
You can share a web element e.g. a div
↔️Median JavaScript Bridge
Run the following Median JavaScript Bridge command to share a div with id
content
const element = document.getElementById("content"); median.webScreenshot.shareElement(element, { url: "https://median.dev/", text: "Median Developer Demo", });
Exporting the screenshot
you can export the screenshot as a Blob
object to upload to your server or use it with another plugin e.g. Social Share
↔️Median JavaScript Bridge
Run the following Median JavaScript Bridge command to share the screen content
// Capture the visible screen area const screenShotblob = median.webScreenshot.captureScreen(); // Capture a web element const screenShotblob = median.webScreenshot.captureElement(element);
Updated 4 months ago