return render(() => <WindowsOnlyChip />);return html`<div class="border">Hello, world!</div>`

Record your screen using the MediaStream Recording API. Select your audio device, then click 

 when done. The recording will be available for playback and download.

function WindowsOnlyChip() {
  return (
    <div className="inline-flex flex-col items-start gap-1">
      <span className="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-medium bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300 border border-blue-200 dark:border-blue-700">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88" className="w-3.5 h-3.5 flex-shrink-0" fill="currentColor">
          <path d="M0 12.402l35.687-4.86.016 34.423-35.67.203zm35.67 33.529l.028 34.453L.028 71.48l-.026-25.55zm4.326-39.025L87.314 0v41.527l-47.318.376zm47.329 39.349l-.011 41.34-47.318-6.678-.066-34.739z" />
        </svg>
        Windows
      </span>
      <span className="text-xs text-amber-600 dark:text-amber-400">&#x26A0;&#xFE0F; Limited Availability</span>
    </div>
  );
}
return WindowsOnlyChip;

Desktop Screen Recorder

Appendix