simple-ffmpegjs 0.3.0 → 0.3.1

package/README.md

@@ -48,8 +48,8 @@ The library handles FFmpeg's complexity internally while exposing a clean interf
 ## Example Output
 
 <p align="center">
-  <a href="https://7llpl63xkl8jovgt.public.blob.vercel-storage.com/wonders-showcase.mp4">
-    <img src="https://7llpl63xkl8jovgt.public.blob.vercel-storage.com/wonders-thumbnail.jpg" alt="Example video - click to watch" width="640">
+  <a href="https://7llpl63xkl8jovgt.public.blob.vercel-storage.com/wonders-showcase-1.mp4">
+    <img src="https://7llpl63xkl8jovgt.public.blob.vercel-storage.com/simple-ffmpeg/wonders-thumbnail-1.jpg" alt="Example video - click to watch" width="640">
   </a>
 </p>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-ffmpegjs",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Lightweight Node.js library for programmatic video composition using FFmpeg. Concatenate clips, add transitions, mix audio, overlay text, and more.",
   "author": "Brayden Blackwell <braydenblackwell21@gmail.com> (https://github.com/Fats403)",
   "license": "MIT",

package/src/ffmpeg/command_builder.js

@@ -75,6 +75,11 @@ function buildMainCommand({
   if (hasVideo && !audioOnly) {
     cmd += `-c:v ${videoCodec} `;
 
+    // Cross-browser compatibility flags for libx264 (Firefox, Safari, older devices)
+    if (videoCodec === "libx264") {
+      cmd += `-profile:v main -pix_fmt yuv420p `;
+    }
+
     // Preset (for software encoders)
     if (
       videoPreset &&
@@ -174,14 +179,25 @@ function buildTextBatchCommand({
   intermediateCrf,
   outputPath,
 }) {
-  return `ffmpeg -y -i "${escapeFilePath(inputPath)}" -filter_complex "[0:v]null[invid];${filterString}" -map "[outVideoAndText]" -map 0:a? -c:v ${intermediateVideoCodec} -preset ${intermediatePreset} -crf ${intermediateCrf} -c:a copy -movflags +faststart "${escapeFilePath(outputPath)}"`;
+  // Add compatibility flags for libx264
+  const compatFlags =
+    intermediateVideoCodec === "libx264"
+      ? "-profile:v main -pix_fmt yuv420p "
+      : "";
+  return `ffmpeg -y -i "${escapeFilePath(
+    inputPath
+  )}" -filter_complex "[0:v]null[invid];${filterString}" -map "[outVideoAndText]" -map 0:a? -c:v ${intermediateVideoCodec} ${compatFlags}-preset ${intermediatePreset} -crf ${intermediateCrf} -c:a copy -movflags +faststart "${escapeFilePath(
+    outputPath
+  )}"`;
 }
 
 /**
  * Build command to generate a thumbnail
  */
 function buildThumbnailCommand({ inputPath, outputPath, time, width, height }) {
-  let cmd = `ffmpeg -y -ss ${time} -i "${escapeFilePath(inputPath)}" -vframes 1 `;
+  let cmd = `ffmpeg -y -ss ${time} -i "${escapeFilePath(
+    inputPath
+  )}" -vframes 1 `;
 
   if (width || height) {
     const w = width || -1;

package/src/ffmpeg/text_renderer.js

@@ -88,11 +88,22 @@ function buildFontsizeParam(baseClip, start, end) {
   if (type === "pop-bounce") {
     const entry =
       typeof anim.in === "number" ? anim.in : C.DEFAULT_TEXT_ANIM_IN;
-    return `:fontsize=if(lt(t\\,${start + entry})\\,${(baseSize * 0.7).toFixed(
-      3
-    )}+${(baseSize * 0.4).toFixed(
-      3
-    )}*sin(PI/2*(t-${start})/${entry})\\,${baseSize})`;
+    // Two-phase bounce: grow with overshoot, then settle smoothly
+    const growEnd = start + entry * 0.6;
+    const minSize = (baseSize * 0.7).toFixed(3);
+    const overshoot = (baseSize * 1.1).toFixed(3);
+    const growAmount = (baseSize * 0.4).toFixed(3);
+    const settleAmount = (baseSize * 0.1).toFixed(3);
+    const phase1Duration = (entry * 0.6).toFixed(4);
+    const phase2Duration = (entry * 0.4).toFixed(4);
+    // Phase 1: 0.7 -> 1.1 (ease-out), Phase 2: 1.1 -> 1.0 (ease-in-out)
+    return `:fontsize=if(lt(t\\,${growEnd.toFixed(
+      4
+    )})\\,${minSize}+${growAmount}*sin(PI/2*(t-${start})/${phase1Duration})\\,if(lt(t\\,${
+      start + entry
+    })\\,${overshoot}-${settleAmount}*sin(PI/2*(t-${growEnd.toFixed(
+      4
+    )})/${phase2Duration})\\,${baseSize}))`;
   }
 
   if (type === "scale-in") {