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

JavaScript

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

JavaScript

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

JavaScript

// Capture the visible screen area
const screenShotblob = median.webScreenshot.captureScreen();
// Capture a web element
const screenShotblob = median.webScreenshot.captureElement(element);