Support video inscriptions (#1349)

ordinals · Jan 24, 2023 · 5751a22 · 5751a22
1 parent c29bee8
commit 5751a22
Show file tree

Hide file tree

Showing 6 changed files with 64 additions and 7 deletions.
diff --git a/src/media.rs b/src/media.rs
@@ -8,6 +8,7 @@ pub(crate) enum Media {
   Pdf,
   Text,
   Unknown,
+  Video,
 }
 
 impl Media {
@@ -61,6 +62,7 @@ const TABLE: &[(&str, Media, &[&str])] = &[
   ("image/webp", Media::Image, &["webp"]),
   ("text/html;charset=utf-8", Media::Iframe, &["html"]),
   ("text/plain;charset=utf-8", Media::Text, &["txt"]),
+  ("video/webm", Media::Video, &["webm"]),
 ];
 
 #[cfg(test)]

diff --git a/src/subcommand/server.rs b/src/subcommand/server.rs
@@ -7,7 +7,7 @@ use {
   crate::templates::{
     BlockHtml, ClockSvg, HomeHtml, InputHtml, InscriptionHtml, InscriptionsHtml, OutputHtml,
     PageContent, PageHtml, PreviewAudioHtml, PreviewImageHtml, PreviewPdfHtml, PreviewTextHtml,
-    PreviewUnknownHtml, RangeHtml, RareTxt, SatHtml, TransactionHtml,
+    PreviewUnknownHtml, PreviewVideoHtml, RangeHtml, RareTxt, SatHtml, TransactionHtml,
   },
   axum::{
     body,
@@ -744,6 +744,11 @@ impl Server {
 
     return match inscription.media() {
       Media::Audio => Ok(PreviewAudioHtml { inscription_id }.into_response()),
+      Media::Iframe => Ok(
+        Self::content_response(inscription)
+          .ok_or_not_found(|| format!("inscription {inscription_id} content"))?
+          .into_response(),
+      ),
       Media::Image => Ok(
         (
           [(
@@ -754,11 +759,6 @@ impl Server {
         )
           .into_response(),
       ),
-      Media::Iframe => Ok(
-        Self::content_response(inscription)
-          .ok_or_not_found(|| format!("inscription {inscription_id} content"))?
-          .into_response(),
-      ),
       Media::Pdf => Ok(
         (
           [(
@@ -773,7 +773,6 @@ impl Server {
         let content = inscription
           .body()
           .ok_or_not_found(|| format!("inscription {inscription_id} content"))?;
-
         Ok(
           PreviewTextHtml {
             text: str::from_utf8(content)
@@ -783,6 +782,7 @@ impl Server {
         )
       }
       Media::Unknown => Ok(PreviewUnknownHtml.into_response()),
+      Media::Video => Ok(PreviewVideoHtml { inscription_id }.into_response()),
     };
   }
 
@@ -2098,6 +2098,27 @@ mod tests {
     );
   }
 
+  #[test]
+  fn video_preview() {
+    let server = TestServer::new();
+    server.mine_blocks(1);
+
+    let txid = server.bitcoin_rpc_server.broadcast_tx(TransactionTemplate {
+      inputs: &[(1, 0, 0)],
+      witness: inscription("video/webm", "hello").to_witness(),
+      ..Default::default()
+    });
+    let inscription_id = InscriptionId::from(txid);
+
+    server.mine_blocks(1);
+
+    server.assert_response_regex(
+      format!("/preview/{inscription_id}"),
+      StatusCode::OK,
+      format!(r".*<video .*>\s*<source src=/content/{inscription_id}>.*"),
+    );
+  }
+
   #[test]
   fn inscription_page_title() {
     let server = TestServer::new_with_sat_index();

diff --git a/src/templates.rs b/src/templates.rs
@@ -11,6 +11,7 @@ pub(crate) use {
   output::OutputHtml,
   preview::{
     PreviewAudioHtml, PreviewImageHtml, PreviewPdfHtml, PreviewTextHtml, PreviewUnknownHtml,
+    PreviewVideoHtml,
   },
   range::RangeHtml,
   rare::RareTxt,

diff --git a/src/templates/preview.rs b/src/templates/preview.rs
@@ -22,3 +22,8 @@ pub(crate) struct PreviewTextHtml<'a> {
 
 #[derive(boilerplate::Boilerplate)]
 pub(crate) struct PreviewUnknownHtml;
+
+#[derive(boilerplate::Boilerplate)]
+pub(crate) struct PreviewVideoHtml {
+  pub(crate) inscription_id: InscriptionId,
+}
diff --git a/static/preview-video.css b/static/preview-video.css
@@ -0,0 +1,16 @@
+html {
+  background-color: #131516;
+  height: 100%;
+}
+
+body {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  margin: 0;
+}
+
+video {
+  height: 100%;
+  width: 100%;
+}
diff --git a/templates/preview-video.html b/templates/preview-video.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang=en>
+  <head>
+    <meta charset=utf-8>
+    <link rel=stylesheet href=/static/preview-video.css>
+  </head>
+  <body>
+    <video controls loop>
+      <source src=/content/{{self.inscription_id}}>
+    </video>
+  </body>
+</html>