Recherche avancée

Sur d’autres sites (7131)

• Stream sent via FFMPEG (NodeJS) to RTMP (YouTube) not being received

  10 décembre 2024, par Qumber

  I am writing a very basic chrome extension that captures and sends video stream to a nodeJS server, which in turns sends it to Youtube live server.

  


  Here is my implementation of the backend which receives data via WebRTC and send to YT using FFMPEG :

  


  const express = require('express');
const cors = require('cors');
const { RTCPeerConnection, RTCSessionDescription } = require('@roamhq/wrtc');
const { spawn } = require('child_process');

const app = express();
app.use(express.json());
app.use(cors());

app.post('/webrtc', async (req, res) => {
  const peerConnection = new RTCPeerConnection();

  // Start ffmpeg process for streaming
  const ffmpeg = spawn('ffmpeg', [
    '-f', 'flv',
    '-i', 'pipe:0',
    '-c:v', 'libx264',
    '-preset', 'veryfast',
    '-maxrate', '3000k',
    '-bufsize', '6000k',
    '-pix_fmt', 'yuv420p',
    '-g', '50',
    '-f', 'flv',
    'rtmp://a.rtmp.youtube.com/live2/MY_KEY'
  ]);

  ffmpeg.on('error', (err) => {
    console.error('FFmpeg error:', err);
  });

  ffmpeg.stderr.on('data', (data) => {
    console.error('FFmpeg stderr:', data.toString());
  });

  ffmpeg.stdout.on('data', (data) => {
    console.log('FFmpeg stdout:', data.toString());
  });

  // Handle incoming tracks
  peerConnection.ontrack = (event) => {
    console.log('Track received:', event.track.kind);
    const track = event.track;

    // Stream the incoming track to FFmpeg
    track.onunmute = () => {
      console.log('Track unmuted:', track.kind);
      const reader = track.createReadStream();
      reader.on('data', (chunk) => {
        console.log('Forwarding chunk to FFmpeg:', chunk.length);
        ffmpeg.stdin.write(chunk);
      });
      reader.on('end', () => {
        console.log('Stream ended');
        ffmpeg.stdin.end();
      });
    };

    track.onmute = () => {
      console.log('Track muted:', track.kind);
    };
  };

  // Set the remote description (offer) received from the client
  await peerConnection.setRemoteDescription(new RTCSessionDescription(req.body.sdp));

  // Create an answer and send it back to the client
  const answer = await peerConnection.createAnswer();
  await peerConnection.setLocalDescription(answer);

  res.json({ sdp: peerConnection.localDescription });
});

app.listen(3000, () => {
  console.log('WebRTC to RTMP server running on port 3000');
});



  


  This is the output I get, but nothing gets sent to YouTube :

  


  


  FFmpeg stderr: ffmpeg version 7.0.2 Copyright (c) 2000-2024 the FFmpeg developers
  built with Apple clang version 15.0.0 (clang-1500.3.9.4)

FFmpeg stderr:   configuration: --prefix=/opt/homebrew/Cellar/ffmpeg/7.0.2_1 --enable-shared --enable-pthreads --enable-version3 --cc=clang --host-cflags= --host-ldflags='-Wl,-ld_classic' --enable-ffplay --enable-gnutls --enable-gpl --enable-libaom --enable-libaribb24 --enable-libbluray --enable-libdav1d --enable-libharfbuzz --enable-libjxl --enable-libmp3lame --enable-libopus --enable-librav1e --enable-librist --enable-librubberband --enable-libsnappy --enable-libsrt --enable-libssh --enable-libsvtav1 --enable-libtesseract --enable-libtheora --enable-libvidstab --enable-libvmaf --enable-libvorbis --enable-libvpx --enable-libwebp --enable-libx264 --enable-libx265 --enable-libxml2 --enable-libxvid --enable-lzma --enable-libfontconfig --enable-libfreetype --enable-frei0r --enable-libass --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libopenjpeg --enable-libspeex --enable-libsoxr --enable-libzmq --enable-libzimg --disable-libjack --disable-indev=jack --enable-videotoolbox --enable-audiotoolbox --enable-neon

FFmpeg stderr:   libavutil      59.  8.100 / 59.  8.100
  libavcodec     61.  3.100 / 61.  3.100
  libavformat    61.  1.100 / 61.  1.100
  libavdevice    61.  1.100 / 61.  1.100

FFmpeg stderr:   libavfilter    10.  1.100 / 10.  1.100
  libswscale      8.  1.100 /  8.  1.100
  libswresample   5.  1.100 /  5.  1.100
  libpostproc    58.  1.100 / 58.  1.100


  


  


  I do not understand what I am doing wrong. Any help would be appreciated.

  


  ---

  


  Optionally Here's the frontend code from the extension, which (to me) appears to be recording and sending the capture :

  


  popup.js & popup.html

  


  


  


  document.addEventListener('DOMContentLoaded', () => {
  document.getElementById('openCapturePage').addEventListener('click', () => {
    chrome.tabs.create({
      url: chrome.runtime.getURL('capture.html')
    });
  });
});

  


  &#xA;&#xA;&#xA;&#xA;  &#xA;  <code class="echappe-js">&lt;script src='http://stackoverflow.com/feeds/tag/popup.js'&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&#xA;  
  StreamSavvy
  &#xA;
  Open Capture Page
  &#xA;&#xA;&#xA;
  

  


  


  



  capture.js & capture.html

  


  


  


  let peerConnection;

async function startStreaming() {
  try {
    const stream = await navigator.mediaDevices.getDisplayMedia({
      video: {
        cursor: "always"
      },
      audio: false
    });

    peerConnection = new RTCPeerConnection({
      iceServers: [{
        urls: 'stun:stun.l.google.com:19302'
      }]
    });

    stream.getTracks().forEach(track => peerConnection.addTrack(track, stream));

    const offer = await peerConnection.createOffer();
    await peerConnection.setLocalDescription(offer);

    const response = await fetch('http://localhost:3000/webrtc', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        sdp: peerConnection.localDescription
      })
    });

    const {
      sdp
    } = await response.json();
    await peerConnection.setRemoteDescription(new RTCSessionDescription(sdp));

    console.log("Streaming to server via WebRTC...");
  } catch (error) {
    console.error("Error starting streaming:", error.name, error.message);
  }
}

async function stopStreaming() {
  if (peerConnection) {
    // Stop all media tracks
    peerConnection.getSenders().forEach(sender => {
      if (sender.track) {
        sender.track.stop();
      }
    });

    // Close the peer connection
    peerConnection.close();
    peerConnection = null;
    console.log("Streaming stopped");
  }
}

document.addEventListener('DOMContentLoaded', () => {
  document.getElementById('startCapture').addEventListener('click', startStreaming);
  document.getElementById('stopCapture').addEventListener('click', stopStreaming);
});

  


  &#xA;&#xA;&#xA;&#xA;  &#xA;  <code class="echappe-js">&lt;script src='http://stackoverflow.com/feeds/tag/capture.js'&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&#xA;  
  StreamSavvy Capture
  &#xA;
  Start Capture
  &#xA;
  Stop Capture
  &#xA;&#xA;&#xA;
  

  


  


  



  background.js (service worker)

  


  


  


  chrome.runtime.onInstalled.addListener(() => {
  console.log("StreamSavvy Extension Installed");
});

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.type === 'startStreaming') {
    chrome.tabs.create({
      url: chrome.runtime.getURL('capture.html')
    });
    sendResponse({
      status: 'streaming'
    });
  } else if (message.type === 'stopStreaming') {
    chrome.tabs.query({
      url: chrome.runtime.getURL('capture.html')
    }, (tabs) => {
      if (tabs.length > 0) {
        chrome.tabs.sendMessage(tabs[0].id, {
          type: 'stopStreaming'
        });
        sendResponse({
          status: 'stopped'
        });
      }
    });
  }
  return true; // Keep the message channel open for sendResponse
});

  


  


  



• Revision 34625 : un lien dans un lien, ca cree des liens

  21 janvier 2010, par cedric@… — Log

  un lien dans un lien, ca cree des liens

• Conversion Funnel Optimisation : 10 Ways to Convert More

  24 janvier 2024, par Erin

  Converting leads into happy customers is the ultimate goal of any sales and marketing team. But there are many steps in between those two events, or in other words, funnel stages. 

  Your sales funnel includes all the steps you take to make your audience aware of your product or services and convince them to purchase. Conversion funnel optimisation strategies can help you move users through the stages of your sales funnel. 

  This article will show you how to optimise your conversion funnel and boost sales — no matter how your funnel looks. We’ll go over practical tips you can implement and how you can analyse and measure results.

  Let’s get started.

  What is conversion funnel optimisation ? 

  Conversion funnel optimisation is the strategic and ongoing process of refining and improving the different stages of a sales or marketing funnel to increase the rate at which users complete desired actions.

  A sales funnel represents the stages a potential customer goes through before purchasing. 

  The typical stages of a sales funnel include :

  • Awareness : At the top of the funnel, potential customers become aware of your product or service. 
  • Consideration : In this stage, prospects evaluate the product or service against alternatives. They may compare features, prices and customer reviews to make an informed decision.
  • Conversion : The prospect completes the transaction and becomes an actual customer by purchasing.
  • Loyalty : You can turn one-time buyers into repeat customers and brand advocates. 

  It’s called a “funnel” because, similar to the shape of a funnel, the number of potential customers decreases as they progress through the various stages of the sales process — as you can see illustrated below.

  

  Sales funnels can vary across industries and business models, but the general concept remains the same. The goal is to guide potential customers through each funnel stage, addressing their needs and concerns at each step, ultimately leading to a successful conversion. 

  You can create and monitor a custom funnel for your site’s user journey with a web analytics solution like Matomo.

  Try Matomo for Free

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

  Start for free

  No credit card required

  The importance of conversion funnel optimisation 

  At the heart of conversion funnel optimisation is the quest for higher conversion rates. 

  Refining the customer journey can increase the chances of turning visitors into customers who return repeatedly.

  Specifically, here’s how conversion funnel optimisation can benefit your business :

  • Increased conversions : Marketers can increase the likelihood of turning website visitors into customers by making the user journey more user-friendly and persuasive.
  • Higher revenue : Improved conversion rates aren’t just numbers on a chart ; they translate to tangible revenue. 
  • Increased ROI (return on investment) : By optimising the conversion funnel, you can get more value from your marketing and sales efforts. 
  • Improved customer satisfaction : When customers find it easy and enjoyable to interact with a website or service, it positively influences their satisfaction and likelihood of returning.
  • Data-driven decision-making : Businesses can make informed decisions on budgets and resources based on user behaviour and performance metrics by analysing and optimising conversion funnels.

  ​​Ultimately, conversion funnel optimisation efforts align the entire funnel with overarching business goals.

  10 ways to optimise your conversion funnel 

  Here are 10 ways to optimise your conversion funnel.

  1. Identify and segment your target audience

  The key to a successful conversion funnel begins with a deep understanding of your target audience. 

  Identifying and segmenting your audience lets you speak directly to their pain points, desires and motivations.

  One effective way to know your audience better is by creating detailed buyer personas. These are fictional representations of your ideal customers based on thorough market research and real data. Dive into demographics and behavioural patterns to craft personas that resonate with your audience.

  

  Note that consumer preferences are not static. They evolve, influenced by trends, technological advancements and shifts in societal values. Staying attuned to these changes is crucial as part of optimising your conversion funnel.

  Thus, you must regularly update your buyer personas and adjust your marketing strategies accordingly.

  2. Create content for every stage of the funnel

  Each funnel stage represents a different mindset and needs for your potential customers. Tailoring your content ensures you deliver the right message at the right time to the right audience. 

  Here’s how to tailor your content to fit prospective customers at every conversion funnel stage.

  Awareness-stage content

  Prospects here are seeking information. Your content should be educational and focused on addressing their pain points. Create blog posts, infographics and videos introducing them to your industry, product or service.

  This video we created at Matomo is a prime example of awareness-stage content, grabbing attention and educating viewers about Matomo.

  Consideration-stage content

  Prospects are evaluating their options. Provide content highlighting your product’s unique selling points, such as case studies, product demonstrations and customer testimonials.

  Here’s how we use a versus landing page at Matomo to persuade prospects at this funnel stage.

  

  Conversion-stage content

  This is the final push. Ensure a smooth transition to conversion with content like promotional offers, limited-time discounts and clear calls to action (CTA).

  Loyalty-stage content

  In this stage, you might express gratitude for the purchase through personalised thank-you emails. Follow up with additional resources, tips or exclusive offers to reinforce a positive post-purchase experience. This also positions your brand as a helpful resource beyond the initial sale.

  Reward customer loyalty with exclusive offers, discounts or membership in a loyalty program.

  3. Capture leads

  Lead magnets are incentives offered to potential customers in exchange for their contact information, typically their email addresses. 

  Examples of lead magnets include :

  • Ebooks and whitepapers : In-depth resources that delve into specific topics of interest to your target audience.
  • Webinars and workshops : Live or recorded sessions that offer valuable insights, training or demonstrations.
  • Free trials and demos : Opportunities for potential customers to experience your product or service firsthand.
  • Checklists and templates : Practical tools that help your audience solve specific challenges.
  • Exclusive offers and discounts : Special promotions are available to those who subscribe or provide their contact information.

  For instance, here’s how HubSpot uses templates as lead magnets.

  

  Similarly, you can incorporate your lead magnets into relevant articles or social media posts, email campaigns and other marketing channels.

  4. Optimise your landing pages

  Understanding how visitors interact with your landing pages is a game-changer. So, the first step in optimising your landing pages is to analyse them.

  Enter Matomo’s heatmaps — the secret weapon in landing page optimisation. They visually represent how users interact with your pages, revealing where they linger, what catches their attention and where they may encounter friction. 

  

  Here are a few landing page elements you should pay attention to :

  • Strategic visual elements : Integrate high-quality images, videos and graphics that support your message and guide visitors through the content.
  • Compelling copy : Develop concise and persuasive copy that emphasises the benefits of your offering, addressing user pain points.
  • Effective CTA : Ensure your CTA is prominently displayed, using compelling language and colours that stand out.
  • Mobile responsiveness : Optimise your landing pages for various devices, especially considering the prevalence of mobile users.
  • Minimal form fields : Reduce friction by keeping form fields to a minimum, requesting only essential information.
  • ​​Leverage social proof : Integrate testimonials, reviews and trust badges to build trust and credibility.
  • A/B testing : Experiment with variations in design, copy and CTAs through A/B testing, allowing data to guide your decisions.

  Try Matomo for Free

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

  Start for free

  No credit card required

  5. ​​Use compelling Calls to Action (CTAs)

  Crafting compelling CTAs is an art that involves a careful balance of persuasion, clarity and relevance.

  Here are a few tips you can implement to write CTAs that support your goals :

  • Use language that compels action. Instead of generic phrases like “Click Here,” opt for more persuasive alternatives such as “Unlock Exclusive Access” or “Start Your Free Trial.”
  • Make sure your CTAs are clear and straightforward. Visitors should instantly understand what action you want them to take. 
  • Tailor CTAs to the specific content on the page. Whether it’s a blog post, landing page or email, the CTA should seamlessly connect with the surrounding context.
  • Position your CTAs strategically. They should be prominently displayed and easily noticeable, guiding visitors without intruding.
  • Create a sense of urgency. Encourage immediate action by incorporating language that instils a sense of urgency. Phrases like “Limited Time Offer” or “Act Now” can prompt quicker responses.

  6. Have an active social presence

  Social media platforms are bustling hubs of activity where your target audience spends a significant portion of their online time. Cultivating a social media presence allows you to meet your audience where they are, fostering a direct line of communication.

  Moreover, the integration of shopping features directly into social media platforms transforms them into seamless shopping experiences. Nearly half of Instagram users shop weekly through the platform. 

  Also, the US social commerce sales continue to grow each year and are expected to reach $79.64 billion by 2025.

  

  7. Build a brand community

  Four in five customers consider communities important to how engaged they are with a brand.

  A strong community fosters a sense of belonging and loyalty among members. When customers feel connected to your brand and each other, they are more likely to remain loyal over the long term. 

  Also, satisfied community members often share their positive experiences with others, expanding your brand’s reach without additional marketing efforts.

  For example, Nike’s community for runners is a digital space where individuals share their running journeys, accomplishments and challenges. 

  

  By strategically building and nurturing a community, you not only enhance retention and spur referrals but also create a space where your brand becomes an integral part of your customers’ lives. 

  8. Conduct A/B tests

  A/B testing systematically compares two versions of a webpage, email or other content to determine which performs better.

  Examples of elements to A/B test :

  • CTAs : The language, colour, size and placement of CTAs can significantly impact user engagement. A/B testing allows you to discover which variations prompt the desired actions.
  • Headlines : Crafting compelling headlines is an art. Test different versions to identify which headlines resonate best with your audience, whether they are more drawn to clarity, humour, urgency or curiosity.
  • Images : Test different images to understand your audience’s visual preferences. This could include product images, lifestyle shots or graphics.

  

  With Matomo’s A/B testing feature, you can test various elements to see which is successful in converting visitors or moving them to the next stage of the conversion funnel.

  9. Leverage social proof

  In an era where consumers are inundated with choices, the opinions, reviews and endorsements of others serve as beacons, guiding potential customers through the decision-making process. 

  Simply put — when people see that others have had positive experiences with your brand, it instils trust and confidence.

  

  You can proactively gather social proof and display it prominently across your marketing channels. Here are some examples of social proof you can leverage :

  • Customer reviews : Positive reviews and testimonials from satisfied customers serve as authentic endorsements of your products or services. 
  • Case studies : In-depth case studies that showcase successful collaborations or solutions provided to clients offer a detailed narrative of your brand’s capabilities. These are particularly effective in B2B scenarios or for complex products and services.
  • User-generated content : Encourage customers to share their experiences. This could include photos, videos or posts on social media platforms, providing a dynamic and genuine portrayal of your brand.
  • Influencer endorsements : Collaborating with influencers in your industry or niche can amplify your social proof. When influencers vouch for your products or services, their followers are more likely to take notice.

  10. Measure and analyse performance

  This is a continuous loop of refinement, where you should use analysis and data-driven insights to guide your conversion funnel optimisation efforts.

  Here’s a systematic approach you can take :

  1. Identify the path users take on your site using a feature like Users Flow.
  2. Map the customer journey using a Funnels feature like the one in Matomo. 
  3. Identify the metrics that align with your conversion goals at each stage of the funnel, such as website traffic, conversion rates, click-through rates and customer acquisition costs.
  4. Assess conversion rates at different stages of the funnel. Identify areas with significant drop-offs and investigate factors that might contribute to the decline.
  5. Use heatmaps and session recordings to see first-hand how users interact with your site.
  6. Create an experiment to test and improve a specific area within your funnel using insights from the heatmaps and session recordings.
  7. A/B test, analyse the results to understand which variations performed better. Use this data to refine elements within your funnel.

  See how Concrete CMS 3x their leads with conversion optimisation.

  Conclusion 

  The customer journey is not linear. However, it involves a few specific stages your audience will go through — from first learning about your product or services to considering whether to try it. The goal is to turn them into happy and loyal customers.

  In this article, we went over strategies and practical tips you can use to guide customers through the conversion funnel. From segmenting your audience to capturing leads, optimising landing pages and running A/B tests, there are steps you can take to ensure your audience will move to the next stage.

  And of course, you have to continuously measure and analyse your performance. That’s how you know whether you’re heading in the right direction and, if not, where to correct your course. 

  For that, you need a robust web analytics solution with conversion optimisation features. Try Matomo free for 21 days and start optimising your conversion funnel—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 (