Recherche avancée

Sur d’autres sites (9008)

• How to convert VP8 track with different frame resolution to h264

  13 septembre 2016, par Nikita

  I have a .webm file with VP8 track, recorded from WebRTC stream by external service (TokBox Archiving). The stream is adaptive, so each frame in track could have different resolution. Most players (in webkit browsers) use video resolution from track description (which is always 640x480) and scale frames to this resolution. Firefox and VLC player uses real frame resolution, changing video resolution respectively.

  I want to achieve 2 goals :

  1. play this video in Internet Explorer 9+ without additional plugin installation.
  2. change frames resolution to one fixed resolution, so the video will look identically in different browsers.

  So, my plan is :

  • extract frames from source webm file to images with real frame resolution (e.g. PNG or BMP) (how could I do that ?)
  • find max width and max height of images
  • add black padding to images, so smaller frames will be in the center of a new frame (of size MAX_WIDHTxMAX_HEIGHT)
  • combine images to h264 track using ffmpeg

  Is all correct ? How can I achieve this ? Can this algorithm be optimized some way ?

  I tried ffmpeg to extract images, but it does not parse real frame resolution, using resolution from track header.
  I think some libwebm functions can help me (to parse frame headers and extract images). Maybe someone has some code snippets to do this ?

  Example .webm (download source, do not play google-converted version) : https://drive.google.com/file/d/0BwFZRvYNn9CKcndhMzlVa0psX00/view?usp=sharing

  Official description of adaptive stream from TokBox support : https://support.tokbox.com/hc/en-us/community/posts/206241666-Archived-video-resolution-is-supposed-to-be-720x1280-but-reports-as-640x480

• How to Measure Marketing Effectiveness : A Step-by-Step Guide

  22 février 2024, par Erin

  Are you struggling to prove that your marketing efforts are having a measurable impact on your company’s performance ? We get it. 

  You would think that digital marketing would make it easier to track the effectiveness of your marketing efforts. But in many ways, it’s harder than ever. With so many channels and strategies competing against each other, it can feel impossible to pin down the campaign that caused a conversion. 

  That leaves you in a tricky spot as a marketing manager. It can be hard to know which campaigns to persevere with and harder still to prove your worth to stakeholders. 

  Thankfully, there are several strategies you can use to measure the success of your campaigns and put a value on your efforts. So, if you want to learn how you can measure the effectiveness of your marketing, improve the ROI of your efforts and prove your value as an employee, read on. 

  What is marketing effectiveness ?

  Marketing effectiveness measures how successful a marketing strategy or campaign is and the extent to which it achieves goals and business objectives.

  

  It’s a growing concern for brands, with research showing that 61.2% say measuring marketing effectiveness has become a more prominent factor in decision-making over the last three years. In other words, it’s becoming critical for marketers to know how to measure their effectiveness. 

  But it’s getting harder to do so. A combination of factors, including channel fragmentation, increasingly convoluted customer journeys, and the deprecation of third-party cookies, makes it hard for marketing teams to measure marketing performance. 

  Why you need to measure marketing effectiveness

  Imagine ploughing thousands of dollars into a campaign and not being confident that your efforts bore fruit. It’s unthinkable, right ? If you care about optimising campaigns and improving your worth as a marketer, measuring marketing effectiveness is necessary. 

  

  Optimise marketing campaigns

  Do you know how effectively each campaign generates conversions and drives revenue ? No ? Then, you need to measure marketing effectiveness.

  Doing so could also shine a light on ways to improve your campaigns. One paid ad campaign may suffer from a poor return on ad spend caused by high CPCs. Targeting less competitive keywords could dramatically reduce your costs. 

  Improve ROI

  Today, marketing budgets make up almost 10% of a company’s total revenue, up from 6.4% in 2021. With so much revenue at stake, you’ve got to deliver a return on that investment. 

  Measuring marketing effectiveness can help you identify the campaigns or strategies delivering the highest ROI so you can invest more heavily into them. On the other side of the same coin, you can use the data to strike off any campaigns that aren’t pulling their weight — increasing your ROI even further. 

  Demonstrate value

  Let’s get selfish for a second. Whether you’re an in-house marketing manager or work for an agency, the security of your paycheck depends on your ability to deliver high-ROI campaigns. 

  Measuring your marketing effectiveness lets you showcase your value to your company and clients. It helps you build stronger relationships that can lead to bigger and better opportunities in the future. 

  We should take this opportunity to point out that a good tool for measuring marketing effectiveness is equally important. You probably think Google Analytics will do the job, right ? But when you start implementing the strategies we discuss below, there’s a good chance you’ll have data quality issues. 

  That was the case for full-service marketing agency MHP/Team SI, which found Google Analytics’ data sampling severely limited the quantity and quality of insights they could collect. It was only by switching to Matomo, a platform that doesn’t use data sampling, that the agency could deliver the insights its clients needed to grow. 

  Further reading :

  • How to check website traffic as accurately as possible
  • 8 best tools to analyse website traffic

  Try Matomo for Free

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

  Start for free

  No credit card required

  How to measure marketing effectiveness

  Measuring marketing effectiveness is not always easy, especially if you have long buying cycles and a lack of good-quality data. Make things as easy as possible by following the steps below :

  Know what success looks like

  You can’t tell whether your campaigns are effective if you don’t know what you are trying to achieve. That’s why the first step in measuring marketing effectiveness is to set a clear goal. 

  So, ask yourself what success looks like for each campaign you launch. 

  Remember, a campaign doesn’t have to drive leads to be considered effective. If all you wanted to do was raise brand awareness or increase organic traffic, you could achieve both goals without recording a single conversion. 

  We’d wager that’s probably not true for most marketing managers. It’s much more likely you want to achieve something like the following :

  • Generating 100 new customers
  • Increasing revenue by 20%
  • Selling $5,000 of your new product line
  • Reducing customer churn by 50%
  • Achieving a return on ad spend of 150%

  Conventional goal-setting wisdom applies here. So, ensure your goals are measurable, timely, relevant and achievable. 

  Track conversions

  Setting up conversion tracking in your web analytics platform is vital to measuring marketing effectiveness accurately. 

  What you count as a conversion event will depend on the goals you’ve set above. It doesn’t have to be a sale, mind you. Downloading an ebook or signing up for a webinar are worthy conversion goals, especially if you know they increase the chances of a customer converting. 

  

  Whichever platform you choose, ensure it can meet your current and future needs. This is one of the reasons open-source content management system Concrete CMS opted for Matomo when choosing a new website analytics platform. The flexibility of the Matomo platform gave Concrete CMS the adaptability it needed for future growth. 

  Try Matomo for Free

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

  Start for free

  No credit card required

  Decide on an attribution model

  Marketing attribution is a way of measuring the impact of different channels and touchpoints across the customer journey. If you can assign a value to each conversion, you can use a marketing attribution model to quantify the value of your channels and campaigns.

  While most web analytics platforms simply credit the last touchpoint, marketing attribution offers a more comprehensive view by considering all interactions along the customer journey. This distinction is important because relying solely on the last touchpoint can lead to skewed insights and misallocation of resources and budget. 

  By adopting a marketing attribution approach, you can make more informed decisions, optimizing your campaigns and maximizing your return on investment.

  

  There are several different attribution models you can use to give credit to your various campaigns. These include :

  • First interaction : Gives all the credit to the first channel in the customer journey.
  • Last interaction : Gives all the credit to the last channel in the customer journey.
  • Last non-direct attribution : Gives all credit to the final touchpoint in the customer journey, except for direct interactions. In those cases, credit is given to the touchpoint just before the direct one.
  • Linear attribution : Distributes credit equally across all touchpoints.
  • Position-based attribution : Attributes 40% credit to the first and last touchpoints and distributes the remaining 20% evenly across all other touchpoints. 

  Consider carefully which attribution model to use, as this can significantly impact your marketing effectiveness calculation by giving certain campaigns too much credit.

  Try Matomo for Free

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

  Start for free

  No credit card required

  Analyse KPIs

  Tracking KPIs is essential if you want to quantify the impact of your marketing campaigns. But which metrics should you track ?

  To improve brand awareness or traffic, so-called vanity metrics like sessions, returning visitors, and organic traffic may suffice as KPIs. 

  However, that’s not going to be the case for most marketers, whose performance is tied to revenue and ROI. If that’s you, put vanity metrics to one side and focus on the following conversion metrics instead :

  • Conversion rate : the percentage of users who complete a desired action. 
  • Return on ad spend : the revenue earned for every dollar spent on a campaign.
  • Return on investment : a broader calculation than ROAS, typically calculated across all your marketing efforts. 
  • Customer lifetime value : the total amount a customer will spend throughout their relationship with your company.
  • Customer acquisition cost : the cost to acquire each customer on average.

  

  Your analytics platform and advertising tools should track most of these KPIs by default. Matomo, for instance, automatically calculates your conversion rate in the Goals report. 

  How to present your marketing effectiveness

  Calculating your marketing effectiveness is one thing, but it’s important to share this information with stakeholders — whether those are executives in your company or your agency’s clients. 

  Follow the steps below to create an insightful and compelling marketing report :

  • Set the scene. There’s no guarantee that the people reading your report will know your goals. So, add context at the start of the reporting by spelling out what you are trying to achieve and why. 
  • Select the right data. You don’t want to overwhelm the reader with facts and figures, but you do need to provide hard evidence of your success. Include the KPIs you used to measure your success and show how these have changed over time. You can also support your report with audience insights such as heatmaps or customer surveys.
  • Tell a story with your presentation. Give your presentation a narrative arc with a beginning, middle, and end. Start with what you want to achieve, describe how you plan to achieve it and end with the results. Support your story with graphs and other visual aids that hold your reader’s attention. 
  • Provide a concise summary. Not everyone will read your presentation cover to cover. With that in mind, provide a summary of your report at the start or end that shows what you achieved and quantifies your marketing effectiveness. 

  How to improve marketing effectiveness

  Don’t settle for simply measuring your marketing effectiveness. Use the following strategies to make future campaigns as effective as possible. 

  Understand customer behaviour

  More effective marketing campaigns start by deeply understanding your customers, who they are, and how they behave. This allows you to take an audience-first approach to your marketing efforts and design campaigns around the unique needs of your customers. 

  Gather as much first-party data as you can. Surveys, focus groups, and other market research techniques can help you learn more about who your customers are, but don’t disregard the quantitative data you can gather from your web analytics platform. 

  Using Heatmaps, Session Recordings and behavioural analytics tools, you can learn exactly how customers behave when they land on your site, where they focus their attention and which pages they look at first. 

  

  These insights can help you turn an average campaign into an exceptional one. For example, a heatmap may highlight the need to move CTA buttons above the fold to increase conversions. A session recording could pinpoint the problems users have when filling out your website’s forms. 

  Further reading :

  • What Is Behavioural Analytics & How Can It Improve Website Performance
  • 9 Form Optimisation Tips to Convert More Visitors
  • How to Increase Conversions with Form Analysis

  Optimise landing pages

  Developing a culture of testing and experimentation is a great way to improve your marketing effectiveness. Let’s dive into A/B testing.

  By tweaking various elements of your landing pages, you can squeeze every last conversion from your campaigns.

  

  We have a guide on conversion funnel optimisation, which we recommend you check out, but I’ll briefly list some of the optimisations you could test :

  • Making your CTAs actionable and compelling
  • Integrating images and videos
  • Adding testimonials and other forms of social proof
  • Reducing form fields

  Use a different attribution model

  It might be that some campaigns, strategies or traffic sources aren’t getting the love they deserve. By changing your attribution model, you can significantly change the perceived effectiveness of certain campaigns. 

  Let’s say you use a last-touch attribution model, for instance. Only the last channel customers will get credit for each conversion, meaning top-of-the-funnel campaigns like SEO may be deemed less effective than they are. 

  It’s why you must continually test, tweak and validate your chosen model — and why changing it can be so powerful. 

  Measure your marketing effectiveness with Matomo

  Measuring your marketing effectiveness is hard work. But it’s vital to optimise campaigns, improve your ROI and demonstrate your value. 

  The good news is that Matomo makes things a lot easier thanks to its comprehensive conversion tracking, attribution modelling capabilities and behavioural insight features like Heatmaps, A/B Testing and Session Recordings. 

  Take steps today to start measuring (and improving) the effectiveness of your marketing with our 21-day free trial. No credit card required.

  Try Matomo for Free

  21 day free trial. No credit card required.

  
  

  Your email address
  

  Your website address
  

  Your Analytics subdomain will be .matomo.cloud (change)

  Choose your analytics subdomain
  

  .matomo.cloud

  I accept the terms and conditions and data processing agreement (DPA)

  
  Your information will be used to create an account on our cloud service. For more information please consult our privacy policy.
  
  
  

  Start improving your websites now

  

• How to Stream RTP (IP camera) Into React App setup

  10 novembre 2024, par sharon2469

  I am trying to transfer a live broadcast from an IP camera or any other broadcast coming from an RTP/RTSP source to my REACT application. BUT MUST BE LIVE

  


  My setup at the moment is :

  


  IP Camera -> (RTP) -> FFmpeg -> (udp) -> Server(nodeJs) -> (WebRTC) -> React app

  


  In the current situation, There is almost no delay, but there are some things here that I can't avoid and I can't understand why, and here is my question :

  


  1) First, is the SETUP even correct and this is the only way to Stream RTP video in Web app ?

  


  2) Is it possible to avoid re-encode the stream , RTP transmission necessarily comes in H.264, hence I don't really need to execute the following command :

  


      return spawn('ffmpeg', [
    '-re',                              // Read input at its native frame rate Important for live-streaming
    '-probesize', '32',                 // Set probing size to 32 bytes (32 is minimum)
    '-analyzeduration', '1000000',      // An input duration of 1 second
    '-c:v', 'h264',                     // Video codec of input video
    '-i', 'rtp://238.0.0.2:48888',      // Input stream URL
    '-map', '0:v?',                     // Select video from input stream
    '-c:v', 'libx264',                  // Video codec of output stream
    '-preset', 'ultrafast',             // Faster encoding for lower latency
    '-tune', 'zerolatency',             // Optimize for zero latency
    // '-s', '768x480',                    // Adjust the resolution (experiment with values)
    '-f', 'rtp', `rtp://127.0.0.1:${udpPort}` // Output stream URL
]);


  


  As you can se in this command I re-encode to libx264, But if I set FFMPEG a parameter '-c:v' :'copy' instead of '-c:v', 'libx264' then FFMPEG throw an error says : that it doesn't know how to encode h264 and only knows what is libx264-> Basically, I want to stop the re-encode because there is really no need for it, because the stream is already encoded to H264. Are there certain recommendations that can be made ?

  


  3) I thought about giving up the FFMPEG completely, but the RTP packets arrive at a size of 1200+ BYTES when WEBRTC is limited to up to 1280 BYTE. Is there a way to manage these sabotages without damaging the video and is it to enter this world ? I guess there is the whole story with the JITTER BUFFER here

  


  This is my server side code (THIS IS JUST A TEST CODE)

  


  import {
    MediaStreamTrack,
    randomPort,
    RTCPeerConnection,
    RTCRtpCodecParameters,
    RtpPacket,
} from 'werift'
import {Server} from "ws";
import {createSocket} from "dgram";
import {spawn} from "child_process";
import LoggerFactory from "./logger/loggerFactory";

//

const log = LoggerFactory.getLogger('ServerMedia')

// Websocket server -> WebRTC
const serverPort = 8888
const server = new Server({port: serverPort});
log.info(`Server Media start om port: ${serverPort}`);

// UDP server -> ffmpeg
const udpPort = 48888
const udp = createSocket("udp4");
// udp.bind(udpPort, () => {
//     udp.addMembership("238.0.0.2");
// })
udp.bind(udpPort)
log.info(`UDP port: ${udpPort}`)


const createFFmpegProcess = () => {
    log.info(`Start ffmpeg process`)
    return spawn('ffmpeg', [
        '-re',                              // Read input at its native frame rate Important for live-streaming
        '-probesize', '32',                 // Set probing size to 32 bytes (32 is minimum)
        '-analyzeduration', '1000000',      // An input duration of 1 second
        '-c:v', 'h264',                     // Video codec of input video
        '-i', 'rtp://238.0.0.2:48888',      // Input stream URL
        '-map', '0:v?',                     // Select video from input stream
        '-c:v', 'libx264',                  // Video codec of output stream
        '-preset', 'ultrafast',             // Faster encoding for lower latency
        '-tune', 'zerolatency',             // Optimize for zero latency
        // '-s', '768x480',                    // Adjust the resolution (experiment with values)
        '-f', 'rtp', `rtp://127.0.0.1:${udpPort}` // Output stream URL
    ]);

}

let ffmpegProcess = createFFmpegProcess();


const attachFFmpegListeners = () => {
    // Capture standard output and print it
    ffmpegProcess.stdout.on('data', (data) => {
        log.info(`FFMPEG process stdout: ${data}`);
    });

    // Capture standard error and print it
    ffmpegProcess.stderr.on('data', (data) => {
        console.error(`ffmpeg stderr: ${data}`);
    });

    // Listen for the exit event
    ffmpegProcess.on('exit', (code, signal) => {
        if (code !== null) {
            log.info(`ffmpeg process exited with code ${code}`);
        } else if (signal !== null) {
            log.info(`ffmpeg process killed with signal ${signal}`);
        }
    });
};


attachFFmpegListeners();


server.on("connection", async (socket) => {
    const payloadType = 96; // It is a numerical value that is assigned to each codec in the SDP offer/answer exchange -> for H264
    // Create a peer connection with the codec parameters set in advance.
    const pc = new RTCPeerConnection({
        codecs: {
            audio: [],
            video: [
                new RTCRtpCodecParameters({
                    mimeType: "video/H264",
                    clockRate: 90000, // 90000 is the default value for H264
                    payloadType: payloadType,
                }),
            ],
        },
    });

    const track = new MediaStreamTrack({kind: "video"});


    udp.on("message", (data) => {
        console.log(data)
        const rtp = RtpPacket.deSerialize(data);
        rtp.header.payloadType = payloadType;
        track.writeRtp(rtp);
    });

    udp.on("error", (err) => {
        console.log(err)

    });

    udp.on("close", () => {
        console.log("close")
    });

    pc.addTransceiver(track, {direction: "sendonly"});

    await pc.setLocalDescription(await pc.createOffer());
    const sdp = JSON.stringify(pc.localDescription);
    socket.send(sdp);

    socket.on("message", (data: any) => {
        if (data.toString() === 'resetFFMPEG') {
            ffmpegProcess.kill('SIGINT');
            log.info(`FFMPEG process killed`)
            setTimeout(() => {
                ffmpegProcess = createFFmpegProcess();
                attachFFmpegListeners();
            }, 5000)
        } else {
            pc.setRemoteDescription(JSON.parse(data));
        }
    });
});


  


  And this fronted :

  


  &#xA;&#xA;&#xA;    &#xA;    &#xA;    <code class="echappe-js">&lt;script&amp;#xA;            crossorigin&amp;#xA;            src=&quot;https://unpkg.com/react@16/umd/react.development.js&quot;&amp;#xA;    &gt;&lt;/script&gt;&#xA;    &lt;script&amp;#xA;            crossorigin&amp;#xA;            src=&quot;https://unpkg.com/react-dom@16/umd/react-dom.development.js&quot;&amp;#xA;    &gt;&lt;/script&gt;&#xA;    &lt;script&amp;#xA;            crossorigin&amp;#xA;            src=&quot;https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js&quot;&amp;#xA;    &gt;&lt;/script&gt;&#xA;    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/babel-regenerator-runtime@6.5.0/runtime.min.js&quot;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;
  &#xA;    
  
  &#xA;
  
  &#xA;&lt;script type=&quot;text/babel&quot;&gt;&amp;#xA;    let rtc;&amp;#xA;&amp;#xA;    const App = () =&gt; {&amp;#xA;        const [log, setLog] = React.useState([]);&amp;#xA;        const videoRef = React.useRef();&amp;#xA;        const socket = new WebSocket(&quot;ws://localhost:8888&quot;);&amp;#xA;        const [peer, setPeer] = React.useState(null); // Add state to keep track of the peer connection&amp;#xA;&amp;#xA;        React.useEffect(() =&gt; {&amp;#xA;            (async () =&gt; {&amp;#xA;                await new Promise((r) =&gt; (socket.onopen = r));&amp;#xA;                console.log(&quot;open websocket&quot;);&amp;#xA;&amp;#xA;                const handleOffer = async (offer) =&gt; {&amp;#xA;                    console.log(&quot;new offer&quot;, offer.sdp);&amp;#xA;&amp;#xA;                    const updatedPeer = new RTCPeerConnection({&amp;#xA;                        iceServers: [],&amp;#xA;                        sdpSemantics: &quot;unified-plan&quot;,&amp;#xA;                    });&amp;#xA;&amp;#xA;                    updatedPeer.onicecandidate = ({ candidate }) =&gt; {&amp;#xA;                        if (!candidate) {&amp;#xA;                            const sdp = JSON.stringify(updatedPeer.localDescription);&amp;#xA;                            console.log(sdp);&amp;#xA;                            socket.send(sdp);&amp;#xA;                        }&amp;#xA;                    };&amp;#xA;&amp;#xA;                    updatedPeer.oniceconnectionstatechange = () =&gt; {&amp;#xA;                        console.log(&amp;#xA;                            &quot;oniceconnectionstatechange&quot;,&amp;#xA;                            updatedPeer.iceConnectionState&amp;#xA;                        );&amp;#xA;                    };&amp;#xA;&amp;#xA;                    updatedPeer.ontrack = (e) =&gt; {&amp;#xA;                        console.log(&quot;ontrack&quot;, e);&amp;#xA;                        videoRef.current.srcObject = e.streams[0];&amp;#xA;                    };&amp;#xA;&amp;#xA;                    await updatedPeer.setRemoteDescription(offer);&amp;#xA;                    const answer = await updatedPeer.createAnswer();&amp;#xA;                    await updatedPeer.setLocalDescription(answer);&amp;#xA;&amp;#xA;                    setPeer(updatedPeer);&amp;#xA;                };&amp;#xA;&amp;#xA;                socket.onmessage = (ev) =&gt; {&amp;#xA;                    const data = JSON.parse(ev.data);&amp;#xA;                    if (data.type === &quot;offer&quot;) {&amp;#xA;                        handleOffer(data);&amp;#xA;                    } else if (data.type === &quot;resetFFMPEG&quot;) {&amp;#xA;                        // Handle the resetFFMPEG message&amp;#xA;                        console.log(&quot;FFmpeg reset requested&quot;);&amp;#xA;                    }&amp;#xA;                };&amp;#xA;            })();&amp;#xA;        }, []); // Added socket as a dependency to the useEffect hook&amp;#xA;&amp;#xA;        const sendRequestToResetFFmpeg = () =&gt; {&amp;#xA;            socket.send(&quot;resetFFMPEG&quot;);&amp;#xA;        };&amp;#xA;&amp;#xA;        return (&amp;#xA;            &lt;div&gt;&amp;#xA;                Video: &amp;#xA;                &lt;video ref={videoRef} autoPlay muted /&gt;&amp;#xA;                &lt;button onClick={() =&gt; sendRequestToResetFFmpeg()}&gt;Reset FFMPEG&lt;/button&gt;&amp;#xA;            &lt;/div&gt;&amp;#xA;        );&amp;#xA;    };&amp;#xA;&amp;#xA;    ReactDOM.render(&lt;App /&gt;, document.getElementById(&quot;app1&quot;));&amp;#xA;&lt;/script&gt;&#xA;&#xA;&#xA;