thangman22

import {
  FilesetResolver,
  LlmInference,
} from "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai";
      
const genai = await FilesetResolver.forGenAiTasks(
  "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai@latest/wasm"
);

llmInference = await LlmInference.createFromOptions(genai, {

thangman22

if (HTMLScriptElement.supports && HTMLScriptElement.supports('speculationrules')) {
  console.log('Your browser supports the Speculation Rules API.');
}

thangman22

if (HTMLScriptElement.supports?.('speculationrules')) {
  const specScript = document.createElement('script');
  specScript.type = 'speculationrules';
  const specRules = {
    prerender: [
      {
        urls: ['/next.html'],
      },
    ],
  };

thangman22

<script type="speculationrules">
  {
    "prerender": [
      {
        "source": "list",
        "urls": ["next.html", "next2.html"],
        "eagerness": "moderate"
      },
      {
        "where": {

thangman22

@media all and (display-mode: picture-in-picture) {
......
}

thangman22

  pipWindow.addEventListener("pagehide", (event) => {
    const chatScreen Container = document.querySelector("#chat-screen-container");
    const pipChatScreen = event.target.querySelector("#chat-screen");
    playerContainer.append(pipPlayer);
  });

thangman22

pipButton.addEventListener("click", async () => {
  const chatScreen = document.querySelector("#chat-screen");

  // Open a Picture-in-Picture window.
  const pipWindow = await documentPictureInPicture.requestWindow();

  // Copy style sheets over from the initial document
  // so that the player looks the same.
  [...document.styleSheets].forEach((styleSheet) => {
    try {

thangman22

pipButton.addEventListener('click', async () => {
  const chatScreen = document.querySelector("#chat-screen");

  // Open a Picture-in-Picture window.
  const pipWindow = await documentPictureInPicture.requestWindow();

  // Move the player to the Picture-in-Picture window.
  pipWindow.document.body.append(chatScreen);
});

thangman22

<button popovertarget="my-popover" class="trigger-btn"> Open Popover </button>

<div id="my-popover" popover=manual>
  <p>I am a popover with more information. Hit the close button or toggle to close me.<p>
  <button class="close-btn" popovertarget="my-popover" popovertargetaction="hide">
    <span aria-hidden="true">❌</span>
    <span class="sr-only">Close</span>
  </button>
</div>

thangman22

<button popovertarget="my-popover"> Open Popover </button>

<div id="my-popover" popover>
  <p>I am a popover with more information. Hit <kbd>esc</kbd> or click away to close me.<p>
</div>