testimonials 0.4.1 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eec2476402ec7e3a4d2c414cad340aae35a0456db87d65c950d527e983ab7053
-  data.tar.gz: a910019755bf56f04cdfc180c6706be9a1b6fe2246c481822a647610a63a53f5
+  metadata.gz: f32069743e1abbbe0f5ce913e32e0c37f1e23230c0f5d59bb903dd9189761153
+  data.tar.gz: fbae328897d5aea39f1896e55324df8182f08bae09e7907a30510dfd3026c82d
 SHA512:
-  metadata.gz: 84e12d4988eddabcba1ba473b7ddb92158674f34051fdf7005aae11171962b686621c81aade5121c33a700363422f1843183d6bb4d81c32123e2a84c757c51ee
-  data.tar.gz: 97731aaeffebf8bad9e02e44005a69d1507c99b46badda66735d3c4d5b756dbcb06eda88e10a3716d36ef13a82d9c3f962ac9993f0c2968e8d2bd39f8443b576
+  metadata.gz: c9345c6257864c1531782f4a7cdd1fd136118aab23898e57ae28723b13a27107f657d865b77947c0ac26de7ed06b143ce8cb2ffd0463a6cfc57c08f28cf90085
+  data.tar.gz: 27d79110f0b6e043373e0e2989f7f1947810d2c52a1c6e21b5f71e759739c9762f668e6e05f0bbb8a9e9879e38dcb4b61de8d3d276d626a89b1440e4c3af6e35

data/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.4.2
+
+- Uploaded videos now get a poster frame too (grabbed from the file
+  client-side), so Safari shows a preview instead of a black frame before
+  play — previously only recorded videos captured a poster. Best-effort;
+  legacy videos with no stored poster are unaffected (re-upload to add one).
+
 ## 0.4.1
 
 - Video poster frames: a still is captured from the camera at record time and

data/lib/testimonials/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Testimonials
-  VERSION = '0.4.1'
+  VERSION = '0.4.2'
 end

data/lib/testimonials/widget.js

@@ -715,11 +715,35 @@
       var file = input.files && input.files[0];
       if (!file) return;
       state.videoBlob = file;
+      // Recorded videos grab their poster from the live preview; uploaded
+      // files have no live stream, so grab one from the file itself — else
+      // Safari shows a black frame (it won't paint a posterless video).
+      capturePosterFromFile(file);
       showStage(formStage(state.formTitle || config.labels.shareTitle));
     });
     input.click();
   }
 
+  // Load an uploaded video offscreen, seek a hair past the start (frame 0 is
+  // often black), and reuse capturePoster's canvas grab. Best-effort and
+  // async — if the customer sends before it resolves, no poster, no harm.
+  function capturePosterFromFile(file) {
+    try {
+      var url = URL.createObjectURL(file);
+      var probe = document.createElement("video");
+      probe.preload = "metadata";
+      probe.muted = true;
+      probe.playsInline = true;
+      var cleanup = function () { try { URL.revokeObjectURL(url); } catch (e) { /* noop */ } };
+      probe.addEventListener("loadeddata", function () {
+        try { probe.currentTime = Math.min(0.1, (probe.duration || 1) / 2); } catch (e) { cleanup(); }
+      });
+      probe.addEventListener("seeked", function () { capturePoster(probe); cleanup(); });
+      probe.addEventListener("error", cleanup);
+      probe.src = url;
+    } catch (e) { /* poster is best-effort */ }
+  }
+
   function stopMedia() {
     if (media.timer) clearInterval(media.timer);
     if (media.recorder && media.recorder.state !== "inactive") {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: testimonials
 version: !ruby/object:Gem::Version
-  version: 0.4.1
+  version: 0.4.2
 platform: ruby
 authors:
 - Yaroslav Shmarov