From f9f13fe6db4ed0e0c46798f799acdc7485d26eb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Beaufort?= <beaufort.francois@gmail.com>
Date: Fri, 14 Apr 2023 10:08:14 +0200
Subject: [PATCH] Add origin trial token

---
 src/components/SampleLayout.tsx            | 2 ++
 src/sample/videoUploadingWebCodecs/main.ts | 8 +++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/SampleLayout.tsx b/src/components/SampleLayout.tsx
index 419ad998..459cd9fe 100644
--- a/src/components/SampleLayout.tsx
+++ b/src/components/SampleLayout.tsx
@@ -66,6 +66,7 @@ const SampleLayout: React.FunctionComponent<
   React.PropsWithChildren<{
     name: string;
     description: string;
+    origin_trial?: string;
     filename: string;
     gui?: boolean;
     init: SampleInit;
@@ -155,6 +156,7 @@ const SampleLayout: React.FunctionComponent<
         />
         <title>{`${props.name} - WebGPU Samples`}</title>
         <meta name="description" content={props.description} />
+        <meta httpEquiv="origin-trial" content={props.origin_trial} />
       </Head>
       <div>
         <h1>{props.name}</h1>
diff --git a/src/sample/videoUploadingWebCodecs/main.ts b/src/sample/videoUploadingWebCodecs/main.ts
index 9e532203..b9425b33 100644
--- a/src/sample/videoUploadingWebCodecs/main.ts
+++ b/src/sample/videoUploadingWebCodecs/main.ts
@@ -145,7 +145,13 @@ const init: SampleInit = async ({ canvas, pageState }) => {
 const VideoUploadingWebCodecs: () => JSX.Element = () =>
   makeSample({
     name: 'Video Uploading with WebCodecs (Experimental)',
-    description: 'This example shows how to upload VideoFrame to WebGPU.',
+    description: `This example shows how to upload a WebCodecs VideoFrame to WebGPU.
+      Support for using a VideoFrame as the source for a GPUExternalTexture requires
+      running Chrome with the "WebGPU Developer Features" flag or the WebGPU WebCodecs
+      integration origin trial.
+      See https://developer.chrome.com/origintrials/#/view_trial/1705738358866575361
+    `,
+    origin_trial: 'Auo9JMDbdn/Jg1pd8liB9Ofp1OLzi9mecxjBBfjv/3f8O8775CXgcTobX4t6KYxMC1wnO4Z7MWArPSptGtkD2woAAABZeyJvcmlnaW4iOiJodHRwczovL3dlYmdwdS5naXRodWIuaW86NDQzIiwiZmVhdHVyZSI6IldlYkdQVVdlYkNvZGVjcyIsImV4cGlyeSI6MTcwMTk5MzU5OX0=',
     init,
     sources: [
       {