Recherche avancée

Sur d’autres sites (4055)

• ffmpeg command to add moving text watermark to video [closed]

  13 octobre 2023, par Imran Khan
  


  


          // Constants for watermark movement, direction change intervals, fade intervals, and overlap duration
        const MOVE_SPEED = 3;
        const DIRECTION_CHANGE_MIN = 3000;
        const DIRECTION_CHANGE_MAX = 6000;
        const FADE_INTERVAL_MIN = 10000;
        const FADE_INTERVAL_MAX = 20000;
        const OVERLAP_DURATION = 2000;

        // Get references to the video container and watermarks
        const container = document.querySelector('.video-container');
        const watermark1 = document.getElementById('watermark1');
        const watermark2 = document.getElementById('watermark2');

        // Helper function to get a random integer between min and max (inclusive)
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        // Helper function to get a random direction (either 1 or -1)
        function getRandomDirection() {
            return Math.random() > 0.5 ? 1 : -1;
        }

        // Set the initial position of the watermark inside the video container
        function setInitialPosition(watermark) {
            const x = getRandomInt(0, container.offsetWidth - watermark.offsetWidth);
            const y = getRandomInt(0, container.offsetHeight - watermark.offsetHeight);
            watermark.style.left = `${x}px`;
            watermark.style.top = `${y}px`;
            watermark.style.opacity = 1;
        }

        // Function to handle continuous movement of the watermark
        function continuousMove(watermark) {
            let dx = getRandomDirection() * MOVE_SPEED;
            let dy = getRandomDirection() * MOVE_SPEED;

            // Inner function to handle the actual movement logic
            function move() {
                let x = parseInt(watermark.style.left || 0) + dx;
                let y = parseInt(watermark.style.top || 0) + dy;

                // Check boundaries and reverse direction if necessary
                if (x < 0 || x > container.offsetWidth - watermark.offsetWidth) {
                    dx = -dx;
                }
                if (y < 0 || y > container.offsetHeight - watermark.offsetHeight) {
                    dy = -dy;
                }

                // Apply the new position
                watermark.style.left = `${x}px`;
                watermark.style.top = `${y}px`;

                // Continue moving
                setTimeout(move, 100);
            }

            move();

            // Change direction at random intervals
            setInterval(() => {
                const randomChoice = Math.random();
                if (randomChoice < 0.33) {
                    dx = getRandomDirection() * MOVE_SPEED;
                    dy = 0;
                } else if (randomChoice < 0.66) {
                    dy = getRandomDirection() * MOVE_SPEED;
                    dx = 0;
                } else {
                    dx = getRandomDirection() * MOVE_SPEED;
                    dy = getRandomDirection() * MOVE_SPEED;
                }
            }, getRandomInt(DIRECTION_CHANGE_MIN, DIRECTION_CHANGE_MAX));
        }

        // Handle the fading out of the old watermark and fading in of the new watermark
        function fadeOutAndIn(oldWatermark, newWatermark) {
            setTimeout(() => {
                setInitialPosition(newWatermark);
                newWatermark.style.opacity = 1;
            }, 0);

            setTimeout(() => {
                oldWatermark.style.opacity = 0;
            }, OVERLAP_DURATION);

            // Continue the cycle
            setTimeout(() => fadeOutAndIn(newWatermark, oldWatermark), getRandomInt(FADE_INTERVAL_MIN, FADE_INTERVAL_MAX));
        }

        // Initialize the watermarks
        setInitialPosition(watermark1);
        continuousMove(watermark1);
        setTimeout(() => fadeOutAndIn(watermark1, watermark2), getRandomInt(FADE_INTERVAL_MIN, FADE_INTERVAL_MAX));
        continuousMove(watermark2);
    

  


  body, html {
            height: 100%;
            margin: 0;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #eee;
        }

        .video-container {
            width: 50vw;
            height: 50vh;
            background-color: black;
            position: relative;
            overflow: hidden;
        }

        .watermark {
            font-size: 22px;
            position: absolute;
            color: white;
            opacity: 0;
            transition: opacity 2s;
        }

  


  &#xA;&#xA;&#xA;    &#xA;    &#xA;    &#xA;&#xA;&#xA;    <div class="video-container">&#xA;        <span class="watermark">watermark</span>&#xA;        <span class="watermark">watermark</span>&#xA;    </div>&#xA;    &#xA;&#xA;

  


  


  



  I am trying to achieve an animation effect using ffmpeg. I am adding text watermark to an input video and animate the text diagonally, horizontally or vertically changed randomly. Here is what I have achieved so far.

  


  ffmpeg -i video.mp4 -c:v libx264 -preset veryfast -crf 25 -tune zerolatency -vendor ap10 -pix_fmt yuv420p -filter:v "drawtext=fontfile=./fonts/Roboto/Roboto-Light.ttf:text='Watermark':fontcolor=white:alpha=0.5:fontsize=60:y=h/10*mod(t\,10):x=w/10*mod(t\,10):enable=1" -c:a copy watermark.mp4

  


  Here is what I want it to work.

  


  Initial Position :
The watermark randomly placed in the video the first time they appear.

  


  Continuous Movement :
The watermark continuously moves within the video.
The direction and speed of the watermark's movement are random. It can move diagonally, purely horizontally, or purely vertically.
When the watermark reaches the boundaries of the video, it bounces back, changing its direction.

  


  Direction Change :
During its continuous movement, the watermark will suddenly change its direction at random intervals between 3 to 6 seconds.
When changing direction, the watermark can randomly determined move diagonally, purely horizontally, or purely vertically.

  


  Fade In and Out :
Every 10 to 20 seconds (randomly determined), the current watermark begins to fade out.
As the old watermark starts to fade out, a new watermark fades in at a random position, ensuring that there's always a visible watermark on the screen.
These two watermarks (the fading old one and the emerging new one) overlap on the screen for a duration of 2 seconds, after which the old watermark completely disappears.
These patterns and characteristics together provide a dynamic, constantly moving, and changing watermark for the video

  


  To achieve the result I think we can use the drawtext multiple times. I have attached the HTML and JavaScript variant just for the reference to understand the result but I am trying to do this using ffmpeg.

  


• What is Funnel Analysis ? A Complete Guide for Quick Results

  25 janvier 2024, par Erin

  Your funnel is leaking.

  You’re losing visitors.

  You’re losing conversions and sales.

  But you don’t know how it’s happening, where it’s happening, or what to do about it.

  The reason ? You aren’t properly analysing your funnels.

  If you want to improve conversions and grow your business, you need to understand how to properly assess your sales funnels to set yourself up for success.

  In this guide, we’ll show you what funnel analysis is, why it’s important, and what steps you need to take to leverage it to improve conversions.

  What is funnel analysis ?

  Every business uses sales funnels, whether they know it or not.

  But most people aren’t analysing them, costing them conversions.

  

  Funnel analysis is a marketing method to analyse the events leading to specific conversion points. 

  It aims to look at the entire journey of potential customers from the moment they first touch base with your website or business to the moment they click “buy.”

  It’s assessing what your audience is doing at every step of the journey.

  By assessing what actions are taking place at scale, you can see where you’re falling short in your sales funnel.

  You’ll see :

  1. Where prospects are falling off.
  2. Where people are converting well.

  By gaining this understanding, you’ll better understand the health of your website’s sales funnels and overall marketing strategy.

  With that knowledge, you can optimise your marketing strategy to patch those leaks, improve conversions and grow your business.

  Why funnel analysis is important

  Funnel analysis is critical because your funnel is your business.

  When you analyse your funnel, you’re analysing your business.

  You’re looking at what’s working and what’s not so you can grow revenue and profit margins.

  Funnel analysis lets you monitor user behaviour to show you the motivation and intention behind their decisions.

  Here are five reasons you need to incorporate funnel analysis into your workflow.

  

  1. Gives insights into your funnel problems

  The core purpose of funnel analysis is to look at what’s going on on your website.

  What are the most effective steps to conversion ?

  Where do users drop off in the conversion process ?

  And which pages contribute the most to conversion or drop-offs ?

  Funnel analysis helps you understand what’s going on with your site visitors. Plus, it helps you see what’s wrong with your funnel.

  If you aren’t sure what’s happening with your funnel, you won’t know what to improve to grow your revenue.

  2. Improves conversions

  When you know what’s going on with your funnel, you’ll know how to improve it.

  To improve your conversion funnel, you need to close the leaks. These are areas where website visitors are falling off.

  It’s the moment the conversion is lost.

  You need to use funnel analysis to give insight into these problem areas. Once you can see where the issue is, you can patch that leak and improve the percentage of visitors who convert.

  For example, if your conversion rate on your flagship product page has plateaued and you can’t figure out how to increase conversions, implementing a funnel analysis tactic like heatmaps will show you that visitors are spending time reading your product description. Still, they’re not spending much time near your call to action.

  

  This might tell you that you need to update your description copy or adjust your button (i.e. colour, size, copy). You can increase conversions by making those changes in your funnel analysis insights.

  3. Improves the customer experience

  Funnel analysis helps you see where visitors spend their time, what elements they interact with and where they fall off.

  One of the key benefits of analysing your funnel is you’ll be able to help improve the experience your visitors have on your website.

  For example, if you have informational videos on a specific web page to educate your visitors, you might use the Media Analytics feature in your web analytics solution to find out that they’re not spending much time watching them.

  This could lead you to believe that the content itself isn’t good or relevant to them.

  But, after implementing session recordings within your funnel analysis, you see people clicking a ton near the play button. This might tell you that they’re having trouble clicking the actual button on the video player due to poor UX.

  In this scenario, you could update the UX on your web page so the videos are easy to click and watch, no matter what device someone uses.

  With more video viewers, you can provide value to your visitors instead of leaving them frustrated trying to watch your videos.

  4. Grows revenue

  This is what you’re likely after : more revenue.

  More often than not, this means you need to focus on improving your conversion rate.

  Funnel analysis helps you find those areas where visitors are exiting so you can patch those leaks up and turn more visitors into customers.

  Let’s say you have a conversion rate of 1.7%.

  You get 50,000 visitors per month.

  Your average order is $82.

  Even if you increase your conversion rate by 10% (to 1.87%) through funnel analysis, here’s the monthly difference in revenue :

  Before : $69,700
  After : $76,670

  In one year, you’ll make nearly $80,000 in additional revenue from funnel analysis alone.

  Different types of funnel analysis

  There are a few different types of funnel analysis.

  How you define success in your funnel all comes down to one of these four pillars.

  Depending on your goals, business and industry, you may want to assess the different funnel analyses at different times.

  1. Pageview funnel analysis

  Pageview funnel analysis is about understanding how well your website content is performing. 

  It helps you enhance user experience, making visitors stay longer on your site. By identifying poor performing pages (pages with high exit rates), you can pinpoint areas that need optimisation for better engagement.

  2. Conversion funnel analysis

  Next up, we’re looking at conversion funnel analysis.

  This type of funnel analysis is crucial for marketers aiming to turn website visitors into action-takers. This involves tracking and optimising conversion goals, such as signing up for newsletters, downloading ebooks, submitting forms or signing up for free trials. 

  The primary goal of conversion funnel analysis is to boost your website’s overall conversion rates.

  3. E-commerce funnel analysis

  For businesses selling products online, e-commerce funnel analysis is essential. 

  It involves measuring whether your products are being purchased and finding drop-off points in the purchasing process. 

  By optimising the e-commerce funnel, you can enhance revenue and improve the overall efficiency of your sales process.

  How to conduct funnel analysis

  Now that you understand what funnel analysis is, why it’s important, and the different types of analysis, it’s time to show you how to do it yourself.

  To get started with funnel analysis, you need to have the right web analytics solution.

  Here are the most common funnel analysis tools and methods you can use :

  1. Funnel analytics

  If you want to choose a single tool to conduct funnel analysis, it’s an all-in-one web analytics tool, like Matomo.

  

  With Matomo’s Funnel Analytics, you can dive into your whole funnel and analyse each step (and each step’s conversion rate).

  

  For instance, if you look at the example above, you can see the proceed rate at each funnel step before the conversion page.

  This means you can improve each proceed rate, to drive more traffic to your conversion page in order to increase conversion rates.

  In the above snapshot from Matomo, it shows visitors starting on the job board overview page, moving on to view specific job listings. The goal is to convert these visitors into job applicants.

  However, a significant issue arises at the job view stage, where 95% of visitors don’t proceed to job application. To increase conversions, we need to first concentrate on improving the job view page.

  Try Matomo for Free

  Get the web insights you need, without compromising data accuracy.

  Start for free

  No credit card required

  2. Heatmaps

  Heatmaps is a behaviour analytics tool that lets you see different visitor activities, including :

  • Mouse movement
  • How far down visitors scroll
  • Clicks

  You can see which elements were clicked on and which weren’t and how far people scroll down your page.

  

  A heatmap lets you see which parts of a page are getting the most attention and which parts go unnoticed by your users.

  For example, if, during your funnel analysis, you see that a lot of visitors are falling off after they land on the checkout page, then you might want to add a heatmap on your checkout page to see where and why people are exiting.

  3. Session recordings

  Want to see what individual users are doing and how they’re interacting with your site ?

  Then, you’ll want to check out session recordings.

  A session recording is a video playback of a visitor’s time on your website.

  

  It’s the most effective method to observe your visitors’ interactions with your site, eliminating uncertainty when identifying areas for funnel improvement.

  Session recordings instill confidence in your optimisation efforts by providing insights into why and where visitors may be dropping off in the funnel.

  4. A/B testing

  If you want to take the guesswork out of optimising your funnel and increasing your conversions, you need to start A/B testing.

  An A/B test is where you create two versions of a web page to determine which one converts better.

  

  For example, if your heatmaps and session recordings show that your users are dropping off near your call to action, it may be time to test a new version.

  You may find that by simply testing a different colour button, you may increase conversions by 20% or more.

  5. Form analytics

  Are you trying to get more leads to fill out forms on your site ?

  Well, Form Analytics can help you understand how your website visitors interact with your signup forms.

  You can view metrics such as starter rate, conversion rate, average hesitation time and average time spent.

  This information allows you to optimise your forms effectively, ultimately maximising your success.

  Let’s look at the performance of a form using Matomo’s Form Analytics feature below.

  

  In the Matomo example, our starter rate stands at a solid 60.1%, but there’s a significant drop to a submitter rate of 29.3%, resulting in a conversion rate of 16.3%.

  Looking closer, people are hesitating for about 16.2 seconds and taking nearly 1 minute 39 seconds on average to complete our form.

  This could indicate our form is confusing and requesting too much. Simplifying it could help increase sign-ups.

  See first-hand how Concrete CMS tripled their leads using Form Analytics in Matomo.

  Try Matomo for Free

  Get the web insights you need, without compromising data accuracy.

  Start for free

  No credit card required

  Start optimising your funnels with Matomo today

  If you want to optimise your business, you must optimise your funnels.

  Without information on what’s working and what’s not, you’ll never know if your website changes are making a difference.

  Worse yet, you could have underperforming stages in your funnel, but you won’t know unless you start looking.

  Funnel analysis changes that.

  By analysing your funnels regularly, you’ll be able to see where visitors are leaking out of your funnel. That way, you can get more visitors to convert without generating more traffic.

  If you want to improve conversions and grow revenue today, try Matomo’s Funnel Analytics feature.

  You’ll be able to see conversion rates, drop-offs, and fine-tuned details on each step of your funnel so you can turn more potential customers into paying customers.

  Additionally, Matomo comes equipped with features like heatmaps, session recordings, A/B testing, and form analytics to optimise your funnels with confidence.

  Try Matomo free for 21-days. No credit card required.

  Try Matomo for Free

  21 day free trial. No credit card required.

  
  

  Your email address
  

• Random Fatal signal 11 (SIGSEGV) error in app using ffmpeg through ndk

  20 janvier 2015, par grzebyk

  I am getting a nasty but well known error while working with FFmpeg and NDK :

  A/libc(9845): Fatal signal 11 (SIGSEGV), code 1, fault addr 0xa0a9f000 in tid 9921 (AsyncTask #4)

  What am I doing ?

  I am developing an application that streams live video feed from a webcam and enables user to pan and tilt the remote camera. I am using FFmpeg library built with NDK to achieve smooth playback with little delay.

  I am using FFMpeg library to connect to the video stream. Then the ndk part creates bitmap, does the image processing and render frames on the SurfaceView videoSurfaceView object which is located in the android activity (java part).

  To move the webcam I created a separate class - public class CameraMover implements Runnable{/**/}. This class is a separate thread that connects through sockets with the remote camera and manages tasks connected ONLY with pan-tilt movement.

  Next in the main activity i created a touch listener

  videoSurfaceView.setOnTouchListener(new View.OnTouchListener() {/**/
  
  cameraMover.setPanTilt(some parameters);
  
  /**/}

  which reads user’s finger movement and sends commands to the camera.

  All tasks - moving camera around, touch interface and video playback are working perfectly when the one of the others is disabled, i.e. when I disable possibility to move camera, I can watch video streaming and register touch events till the end of time (or battery at least). The problem occurs only when task are configured to work simultaneously.

  I am unable to find steps to reproduce the problem. It just happens, but only after user touches the screen to move camera. It can be 15 seconds after first interaction, but sometimes it takes app 10 or more minutes to crash. Usually it is something around a minute.

  What have I done ?

  • I tried to display millions of logs in logcat to find an error but
    the last log was always different.
  • I created a transparent surface, that I put over the videoSurfaceView and assigned touch listener to it. It all ended in the same error.
  • As I mentioned before, I turned off some functionalities to find which one produces the error, but it appears that error occurs only when everything is working simultaneously.

  Types of the error

  Almost every time the error looks like this :

  A/libc(11528): Fatal signal 11 (SIGSEGV), code 1, fault addr 0x9aa9f00c in tid 11637 (AsyncTask #4)

  the difference between two errors is the number right after libc, addr number and tid number. Rarely the AsyncTask number varies - i received #1 couple times but I was unable to reproduce it.

  Question

  How can i avoid this error ? What can be the source of it ?