Laravel FFMpeg tools

This package allows you to build FFMpeg strings in a fluent, easily maintainable way that feels familiar to php and Laravel devs. The post Laravel FFMpeg tools appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---

Here's the final shell command that will generate that video:

ffmpeg -y -f lavfi -i "color=c=black:s=256x256:d=1" -filter_complex "[0:v] loop=-1:1 [bg]; [bg] drawtext=text='Motion Tween':fontcolor=white:x=(main_w/2)-(tw/2):y=if(gt(t\,4)\,if(lt(t\,4)\,((main_h/2)-(th/2))\,if(gt(t\,4+2)\,(main_h)\,((main_h/2)-(th/2))+(((main_h)-((main_h/2)-(th/2)))*(if(eq(((t-4)/2)\,0)\,0\,if(eq(((t-4)/2)\,1)\,1\,-pow(2\,10*((t-4)/2)-10)*sin((((t-4)/2)*10-10.75)*2.0943951023932)))))))\,if(lt(t\,1)\,(-th)\,if(gt(t\,1+2)\,((main_h/2)-(th/2))\,(-th)+((((main_h/2)-(th/2))-(-th))*(if(lt(((t-1)/2)\, 1/2.75)\,7.5625*pow(((t-1)/2)\,2)\,if(lt(((t-1)/2)\,2/2.75)\,7.5625*(((t-1)/2)-1.5/2.75)*(((t-1)/2)-1.5/2.75)+0.75\,if(lt(((t-1)/2)\,2.5/2.75)\,7.5625*(((t-1)/2)-2.25/2.75)*(((t-1)/2)-2.25/2.75)+0.9375\,7.5625*(((t-1)/2)-2.65/2.75)*(((t-1)/2)-2.65/2.75)+0.984375))))))))" -codec:a copy -codec:v libx264 -crf 25 -pix_fmt yuv420p -t 8 drawtext_y_enter-OutBounce_exit-InElastic.mp4

I can break this down further if people are interested, but really we're only concerned about the y parameter of the drawtext video filter.

if(gt(t\,4)\,if(lt(t\,4)\,((main_h/2)-(th/2))\,if(gt(t\,4+2)\,(main_h)\,((main_h/2)-(th/2))+(((main_h)-((main_h/2)-(th/2)))*(if(eq(((t-4)/2)\,0)\,0\,if(eq(((t-4)/2)\,1)\,1\,-pow(2\,10*((t-4)/2)-10)*sin((((t-4)/2)*10-10.75)*2.0943951023932)))))))\,if(lt(t\,1)\,(-th)\,if(gt(t\,1+2)\,((main_h/2)-(th/2))\,(-th)+((((main_h/2)-(th/2))-(-th))*(if(lt(((t-1)/2)\, 1/2.75)\,7.5625*pow(((t-1)/2)\,2)\,if(lt(((t-1)/2)\,2/2.75)\,7.5625*(((t-1)/2)-1.5/2.75)*(((t-1)/2)-1.5/2.75)+0.75\,if(lt(((t-1)/2)\,2.5/2.75)\,7.5625*(((t-1)/2)-2.25/2.75)*(((t-1)/2)-2.25/2.75)+0.9375\,7.5625*(((t-1)/2)-2.65/2.75)*(((t-1)/2)-2.65/2.75)+0.984375))))))))

What we're doing here with the y position is initializing it just out of the top of the frame, waiting one second, transitioning it to the center of the frame over 2 seconds with an easing of EaseOutBounce, holding that position for 1 second, then transitioning to just outside the bottom of the frame with an easing of EaseInElastic over 2 seconds, and keeping it there until the video ends.

This description might not sound that tough, but let's take a quick look at the math for one of these easing functions, and see what we need to do to get that plugged into ffmpeg.

Here's the function in typescript and the resulting plot for EaseOutBounce (from Easings.net)

function easeOutBounce(x: number): number {
    const n1 = 7.5625;
    const d1 = 2.75;
 
    if (x < 1 / d1) {
        return n1 * x * x;
    } else if (x < 2 / d1) {
        return n1 * (x -= 1.5 / d1) * x + 0.75;
    } else if (x < 2.5 / d1) {
        return n1 * (x -= 2.25 / d1) * x + 0.9375;
    } else {
        return n1 * (x -= 2.625 / d1) * x + 0.984375;
    }
}

Note We're reassigning x inside these conditionals.

All this function does is take in a number between 0 and 1 that represents our absolute progress through an animation, and gives us a different number between 0 and 1. We then use that number multiplied against our delta to calculate our value at this point of our animation, or tween.

First let's lay out a couple constants to which we have access in the drawtext filter:

• t = current time in seconds for the frame being generated
• th = text height
• main_h = height of the video frame

To get x (our absolute progress through this animation), it's going to be the current time (t) minus delay (1), over duration (2). In FFMpeg-speak, that's (t-1)/2. This is because while normally we would do t/duration, we have to account for the delay by subtracting it from the numerator of our fraction.

Now is the super gross part. We have to turn that pretty simple ts function into an FFMpeg function, and replace every reference to x with ours. To do this, we're going need three FFMpeg functions: if, lt (less than), and pow. Because we're reassigning the time value (x) in these conditionals, we're just going to make them separately beforehand. Here's a PHP function with the terms all premade, then concatenated to form the easing string:

public static function EaseOutBounce(string $time): string
{
    $n1 = 7.5625;
    $d1 = 2.75;
    $firstExpr = "{$n1}*pow(({$time})\\,2)";
    $secondTime = "(({$time})-1.5/{$d1})";
    $secondExpr = "{$n1}*{$secondTime}*{$secondTime}+0.75";
    $thirdTime = "(({$time})-2.25/{$d1})";
    $thirdExpr = "{$n1}*{$thirdTime}*{$thirdTime}+0.9375";
    $fourthTime = "(({$time})-2.65/{$d1})";
    $fourthExpr = "{$n1}*{$fourthTime}*{$fourthTime}+0.984375";
 
    return "if(lt(({$time})\\, 1/{$d1})\\,{$firstExpr}\\,if(lt(({$time})\\,2/{$d1})\\,{$secondExpr}\\,if(lt(({$time})\\,2.5/{$d1})\\,{$thirdExpr}\\,{$fourthExpr})))";
}

Running our x value of (t-1)/2 through this function gives us this output:

if(lt(((t-1)/2)\, 1/2.75)\,7.5625*pow(((t-1)/2)\,2)\,if(lt(((t-1)/2)\,2/2.75)\,7.5625*(((t-1)/2)-1.5/2.75)*(((t-1)/2)-1.5/2.75)+0.75\,if(lt(((t-1)/2)\,2.5/2.75)\,7.5625*(((t-1)/2)-2.25/2.75)*(((t-1)/2)-2.25/2.75)+0.9375\,7.5625*(((t-1)/2)-2.65/2.75)*(((t-1)/2)-2.65/2.75)+0.984375)))

This is our ease.

To get our delta, we use our initial position (from) of -th (just outside the top of the frame), and our final position (to) of (main_h/2)-(th/2) (the vertical center of the frame). That gives us a delta of ((main_h/2)-(th/2))-(-th)

For our final step in this tween, we're going to tell ffmpeg that if t is less than the delay, to use our from value, if t is greater than our delay plus our duration to use the to value, or else add our from value to our delta multiplied by our ease.

public function build(): string
{
    return "if(lt(t\,{$this->delay})\,{$this->from}\,if(gt(t\,{$this->delay}+{$this->duration})\,{$this->to}\,{$this->from}+({$this->getDelta()}*{$this->ease})))";
}

This gives us this final string for this specific part of the animation:

if(lt(t\,1)\,(-th)\,if(gt(t\,1+2)\,((main_h/2)-(th/2))\,(-th)+((((main_h/2)-(th/2))-(-th))*(if(lt(((t-1)/2)\, 1/2.75)\,7.5625*pow(((t-1)/2)\,2)\,if(lt(((t-1)/2)\,2/2.75)\,7.5625*(((t-1)/2)-1.5/2.75)*(((t-1)/2)-1.5/2.75)+0.75\,if(lt(((t-1)/2)\,2.5/2.75)\,7.5625*(((t-1)/2)-2.25/2.75)*(((t-1)/2)-2.25/2.75)+0.9375\,7.5625*(((t-1)/2)-2.65/2.75)*(((t-1)/2)-2.65/2.75)+0.984375)))))))

There must be a better way

Well I'm glad you asked.

Enter projektgopher/laravel-ffmpeg-tools - the package I've been itching to tell you about.

With this package, generating this string is as easy as

(new Tween())
    ->from("-th")
    ->to("(main_h/2)-(th/2)")
    ->delay(Timing::seconds(1))
    ->duration(Timing::seconds(2))
    ->ease(Ease::OutBounce);

But we didn't just have this one tween to get to our final y value for our drawtext filter at the beginning of the post. This is where Timelines and Keyframes come in.

Here's a portion of the generateTimeline testing script from this package that I used to make that first video:

use ProjektGopher\FFMpegTools\Timeline;
use ProjektGopher\FFMpegTools\Keyframe;
use ProjektGopher\FFMpegTools\Ease;
use ProjektGopher\FFMpegTools\Timing;
 
echo 'Generating video sample using Timeline...'.PHP_EOL;
 
$timeline = new Timeline();
$timeline->keyframe((new Keyframe())
    ->value('-th')
    ->hold(Timing::seconds(1))
);
$timeline->keyframe((new Keyframe())
    ->value('(main_h/2)-(th/2)')
    ->ease(Ease::OutBounce)
    ->duration(Timing::seconds(2))
    ->hold(Timing::seconds(1))
);
$timeline->keyframe((new Keyframe())
    ->value('main_h')
    ->ease(Ease::InElastic)
    ->duration(Timing::seconds(2))
);
 
$input = "-f lavfi -i \"color=c=black:s=256x256:d=1\"";
$filter = "-filter_complex \"[0:v] loop=-1:1 [bg]; [bg] drawtext=text='Motion Tween':fontcolor=white:x=(main_w/2)-(tw/2):y={$timeline}\"";
$codecs = '-codec:a copy -codec:v libx264 -crf 25 -pix_fmt yuv420p';
$duration = '-t 8'; // in seconds
$out = "tests/Snapshots/Timelines/drawtext_y_enter-OutBounce_exit-InElastic.mp4";
$redirect = '2>&1'; // redirect stderr to stdout
 
$cmd = "ffmpeg -y {$input} {$filter} {$codecs} {$duration} {$out} {$redirect}";

You can install the package via composer:

composer require projektgopher/laravel-ffmpeg-tools

The current version at the time of this writing is v0.5.0

Extra

shell cmd for plot

Here's a slightly modified portion of the generateEasings testing script to generate the plot for EaseOutBounce from the middle of this post:

// $ease->value = "OutBounce";
echo "Generating snapshot for {$ease->value} easing...".PHP_EOL;
$time = "X/H";
$easeMultiplier = Ease::{$ease->value}($time);
$input = "-f lavfi -i \"color=c=black:s=256x256:d=1\"";
$margin = '28';
$filter = "-vf \"geq=if(eq(round((H-2*{$margin})*({$easeMultiplier}))\,H-Y-{$margin})\,128\,0):128:128\"";
$out = "-frames:v 1 -update 1 tests/Snapshots/Easings/{$ease->value}.png";
$redirect = '2>&1'; // redirect stderr to stdout
 
$cmd = "ffmpeg -y {$input} {$filter} {$out} {$redirect}";

The 'interesting' thing here is that our $time value isn't tied to t but rather the x axis of our plot.

Read More

Blade DevTools

While toying around with Laravel's Blade compiler, I prototyped/hacked together a quick demo of what might turn into proper DevTools like the ones provided by Vue (https://devtools.vuejs.org) or React (https://react.dev/learn/react-developer-tools). As you can see in the screenshot, we can build up a component tree of blade components, together with their props and attributes. By switching out the ViewFactory with one that encodes additional information in HTML-comments, we can extract information about Blade's rendering process. This way, we can parse all of these special comments in the browser to access the information you can see in the screenshot. This forms the basis of e.g. shown a Blade Component tree, instead of the regular DOM, with the option of highlighting the respective DOM Element that was rendered by a particular Blade component. A potential downside is the resulting HTML, which currently looks like this: Email It does add some noise to the resulting DOM. Maybe this could be tuned down a bit, e.g. by only assigning some data-ids and rendering the data nodes at the bottom of the page or in an inline script tag or something. I just wanted to see if there is some interest in the community for a tool like this and get the discussion started / receive some feedback. I was definitely missing DevTools when not working with Vue or React, since sometimes it is interesting to see what props a model received. Not just for simple String properties, but e.g. when passing in eloquent models or other rich classes, where you are interested in the model attributes at the time of rendering. https://preview.redd.it/52qlm0obhoua1.png?width=2560&format=png&auto=webp&s=c3f8a6a19f7a07367c86191d24b3436d3c3c8397 submitted by /u/niclasve [link] [comments]

Read More

Easy way to serve a realtime logger

Hi,

I have a set of log files generated on one server (by Python and Supervisor), that I would like to view on another server's web application, where the time delay should be as little as possible, like 15 seconds. The log file is just a text file that is continuously written to.

I'm trying to think of how I can get Laravel to serve the text in these log files. I first have to figure out how to redirect the logs from supervisor/python to make a network request. Then, I have to figure out how to display this in Laravel.

I'm worried that the delay will be too large with ordinary REST HTTP due to the middleware and apache layers.

The goal of this log is display realtime debugging information, so as little delay as possible is good. So I am thinking maybe trying Websockets or something.

Something like sentry but free. Is there an open source library for this? Thanks!

Read More

Weekly /r/Laravel Help Thread

Ask your Laravel help questions here. To improve your chances of getting an answer from the community, here are some tips: * What steps have you taken so far? * What have you tried from the documentation? * Did you provide any error messages you are getting? * Are you able to provide instructions to replicate the issue? * Did you provide a code example? * Please don't post a screenshot of your code. Use the code block in the Reddit text editor and ensure it's formatted correctly. For more immediate support, you can ask in the official Laravel Discord. Thanks and welcome to the /r/Laravel community! submitted by /u/AutoModerator [link] [comments]
http://dlvr.it/Smbpgg

Read More

Supercharge your Laravel Forge account with Bellows

Bellows is an intelligent command line utility that sits on top of Laravel Forge to get your site up and running with all of your third-party integrations configured at the speed of light. The post Supercharge your Laravel Forge account with Bellows appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/SmYhQ8

Read More

Lunar Headless E-Commerce for Laravel

Lunar is an open-source package that brings the power of modern headless e-commerce functionality to Laravel. The post Lunar Headless E-Commerce for Laravel appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/SmWbgl

Read More

Convert HEIC Images to JPEG in PHP

The php-heic-to-jpg PHP package is the easiest way to convert HEIC (High-Efficiency Image Container) images to JPEG with PHP and Laravel framework. The post Convert HEIC Images to JPEG in PHP appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/SmSrNp

Read More

Laravel 10.7 Released

Laravel 10.7 added pipe() to run commands in sequence, setValue() to Validator, and the ability to assert invokable event listeners in tests. The post Laravel 10.7 Released appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/SmPsvd

Read More

Useful Laravel Date Scopes for Eloquent Models

The Laravel Date Scopes package provides some helpful query scopes for your Laravel Eloquent models. The post Useful Laravel Date Scopes for Eloquent Models appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/SmLvFd

Read More

The Best Practices Guide to OpenTelemetry for Developers

OpenTelemetry is a free and open-source software initiative with the objective of supplying software developers with the means to create distributed systems. The post The Best Practices Guide to OpenTelemetry for Developers appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/SmHy06

Read More

Laravel Date Scopes

Hi Laravel artisans, checkout our new package with a useful range of date scopes for your Eloquent models! https://github.com/laracraft-tech/laravel-date-scopes Basically it allows you to query any kinds of date ranges like: Transaction::ofLast60Minutes(); // query transactions created during the last 60 minutes Transaction::ofToday(); // query transactions created today Transaction::ofYesterday(); // query transactions created yesterday Transaction::ofLastWeek(); // query transactions created during the last week Transaction::ofLastMonth(); // query transactions created during the last month Transaction::ofLastQuarter(); // query transactions created during the last quarter Transaction::ofLastYear(); // query transactions created during the last year ... submitted by /u/Nodohx [link] [comments]
http://dlvr.it/SmFKtM

Read More

Possible to switch from Laravel/UI easily?

Can Laravel Auth scaffolding be easily changed from from one frontend framework to another without causing too much of a mess? How late is too late? Can I do this further into development, or is this kind of design decision something that should be made early. I'm just trying to get an understanding of the flexibility here. Thank you! submitted by /u/AtumTheCreator [link] [comments]
http://dlvr.it/SmCNcZ

Read More

Let's talk about Form Requests

Form Requests are best known for validation logic that will pre-validate for you. They are fantastic, and I lean on them heavily all the time. The post Let's talk about Form Requests appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/Sm9Q0l

Read More

Laravel Expectations Plugin for Pest

Pest Laravel Expectations is a Pest plugin that adds Laravel-specific expectations to the testing ecosystem. The post Laravel Expectations Plugin for Pest appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ---
http://dlvr.it/Sm6szR

Read More

laravel observers, whats the rule of thumb?

After reading the replies of this tweet I got confused cuz some people mention that the first query won't trigger the eloquent observers, why is the first query different from the second one? I always thought they were the same thing and there weren't any significant differences ​ https://preview.redd.it/l2ap1x8pl6sa1.png?width=1013&format=png&auto=webp&s=1b3db38fc0183bf008d42de15dbda927394fd315 submitted by /u/mrdingopingo [link] [comments]
http://dlvr.it/Sm45LN

Read More

Java Open Telemetry Class Loading Issue

I have a spring boot java project, which has a open telemetry jar. The service is packaged as a docker image and it is deployed on Kubernetes. When the service starts, this open telemetry jar tries to instantiate okHttpClient internally and fails. This instantiation in the open telemetry jar doesn't seem have retry limits, so it tries to load the class repeatedly. Eventually, the service shutsdown with OutOfMemoryError. This behavior is sporadic. For eg - if there are multiple instances of the service running, occasionally 1 or 2 instances fail with this error. But when these instances are killed and restarted the issue doesn't come up again. Also, the issue could not be replicated in the developer machines. Can someone please give me pointers on how to debug this issue?
http://dlvr.it/Sm387H

Read More