Recherche avancée

Médias (1)

Mot : - Tags -/graphisme

Autres articles (104)

  • MediaSPIP 0.1 Beta version

    25 avril 2011, par

    MediaSPIP 0.1 beta is the first version of MediaSPIP proclaimed as "usable".
    The zip file provided here only contains the sources of MediaSPIP in its standalone version.
    To get a working installation, you must manually install all-software dependencies on the server.
    If you want to use this archive for an installation in "farm mode", you will also need to proceed to other manual (...)

  • Multilang : améliorer l’interface pour les blocs multilingues

    18 février 2011, par

    Multilang est un plugin supplémentaire qui n’est pas activé par défaut lors de l’initialisation de MediaSPIP.
    Après son activation, une préconfiguration est mise en place automatiquement par MediaSPIP init permettant à la nouvelle fonctionnalité d’être automatiquement opérationnelle. Il n’est donc pas obligatoire de passer par une étape de configuration pour cela.

  • ANNEXE : Les plugins utilisés spécifiquement pour la ferme

    5 mars 2010, par

    Le site central/maître de la ferme a besoin d’utiliser plusieurs plugins supplémentaires vis à vis des canaux pour son bon fonctionnement. le plugin Gestion de la mutualisation ; le plugin inscription3 pour gérer les inscriptions et les demandes de création d’instance de mutualisation dès l’inscription des utilisateurs ; le plugin verifier qui fournit une API de vérification des champs (utilisé par inscription3) ; le plugin champs extras v2 nécessité par inscription3 (...)

Sur d’autres sites (7132)

  • Converting MP3/MP4 to WAV in the Frontend Using ffmpegwasm with Next.js Results in Module Not Found Error

    31 mars 2024, par ryuma

    I'm attempting to use ffmpegwasm in a Next.js project to convert MP3 or MP4 files to WAV format directly in the frontend. However, I encounter a "Module not found" error during the process. I have made sure to use the latest version of Next.js. Below is the error message and the code snippet where the issue occurs. I'm seeking assistance to resolve this problem, as it has become quite troubling.

    


    error

    


    ./node_modules/@ffmpeg/ffmpeg/dist/esm/classes.js:104:27 Module not found
  102 |         if (!this.#worker) {
  103 |             this.#worker = classWorkerURL ?
> 104 |                 new Worker(new URL(classWorkerURL, import.meta.url), {
      |                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  105 |                     type: "module",
  106 |                 }) :
  107 |                 // We need to duplicated the code here to enable webpack


    


    "use client"&#xA;&#xA;import { FFmpeg } from "@ffmpeg/ffmpeg"&#xA;import { fetchFile, toBlobURL } from "@ffmpeg/util"&#xA;import React, { useEffect, useRef, useState } from "react"&#xA;&#xA;export default function TestPage() {&#xA;  const [loaded, setLoaded] = useState(false)&#xA;  const ffmpegRef = useRef(new FFmpeg())&#xA;  const messageRef = useRef(null)&#xA;&#xA;  useEffect(() => {&#xA;    load()&#xA;  }, [])&#xA;&#xA;  const load = async () => {&#xA;    const baseURL = "https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd"&#xA;    const ffmpeg = ffmpegRef.current&#xA;    ffmpeg.on("log", ({ message }) => {&#xA;      if (messageRef.current) messageRef.current.innerHTML = message&#xA;      console.log(message)&#xA;    })&#xA;&#xA;    await ffmpeg.load({&#xA;      coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, "text/javascript"),&#xA;      wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, "application/wasm"),&#xA;    })&#xA;    setLoaded(true)&#xA;  }&#xA;&#xA;  const convertToWav = async ({ target: { files } }) => {&#xA;    const ffmpeg = ffmpegRef.current&#xA;    const file = files[0]&#xA;&#xA;    await ffmpeg.writeFile("input.mp4", await fetchFile(file))&#xA;    await ffmpeg.exec(["-i", "input.mp4", "output.wav"])&#xA;    const data = await ffmpeg.readFile("output.wav")&#xA;&#xA;    const url = URL.createObjectURL(new Blob([data.buffer], { type: "audio/wav" }))&#xA;    const link = document.createElement("a")&#xA;    link.href = url&#xA;    link.setAttribute("download", "output.wav")&#xA;    document.body.appendChild(link)&#xA;    link.click()&#xA;  }&#xA;&#xA;  return (&#xA;    <div>&#xA;      {loaded ? (&#xA;        &lt;>&#xA;          <input type="file" accept="audio/mp3,video/mp4" />&#xA;          <p ref="{messageRef}"></p>&#xA;        >&#xA;      ) : (&#xA;        <button>Load ffmpeg-core</button>&#xA;      )}&#xA;    </div>&#xA;  )&#xA;}&#xA;&#xA;

    &#xA;

    Attempted Solutions :

    &#xA;

    I've ensured that I'm using the latest version of Next.js.&#xA;I've tried various configurations for the ffmpeg instance.

    &#xA;

    Questions :

    &#xA;

    How can I resolve the "Module not found" error when using ffmpegwasm with Next.js ?&#xA;Are there any specific configurations or setups within Next.js that I need to be aware of to successfully use ffmpegwasm ?&#xA;Any guidance or assistance with this issue would be greatly appreciated. Thank you in advance for your help.

    &#xA;

  • Nginx RTMP module not creating .m3u8 in correct format

    24 juin 2024, par Moiz Hassan

    I am creating a rtmp server using nginx-rtmp-module inside a docker container. Using OBS I can connect with the server to start a live stream. M3U8 and .ts files are being created successfully but the .m3u8 file isn't in format I want. The generated .m3u8 file is like :

    &#xA;

    #EXTM3U&#xA;#EXT-X-VERSION:3&#xA;#EXT-X-MEDIA-SEQUENCE:5&#xA;#EXT-X-TARGETDURATION:10&#xA;

    &#xA;

    but I want to generate .m3u8 file so it is simialr to this :

    &#xA;

    #EXTM3U&#xA;#EXT-X-VERSION:3&#xA;#EXT-X-TARGETDURATION:10&#xA;#EXT-X-MEDIA-SEQUENCE:0&#xA;#EXT-X-PLAYLIST-TYPE:VOD&#xA;#EXTINF:10.000000,&#xA;0.ts&#xA;#EXTINF:10.000000,&#xA;1.ts&#xA;#EXTINF:10.000000,&#xA;2.ts&#xA;#EXTINF:10.000000,&#xA;3.ts&#xA;#EXTINF:10.000000,&#xA;4.ts&#xA;#EXTINF:10.000000,&#xA;5.ts&#xA;&#xA;

    &#xA;

    . The following is the nginx config that I am using :

    &#xA;

    user root;&#xA;worker_processes  auto;&#xA;#error_log  logs/error.log;&#xA;&#xA;events {&#xA;    worker_connections  1024;&#xA;}&#xA;&#xA;# RTMP configuration&#xA;rtmp {&#xA;    server {&#xA;        listen 1935; # Listen on standard RTMP port&#xA;        chunk_size 4000; &#xA;        # ping 30s;&#xA;        # notify_method get;&#xA;&#xA;        # This application is to accept incoming stream&#xA;        application live {&#xA;            live on; # Allows live input&#xA;&#xA;            &#xA;            push rtmp://localhost:1935/show;    &#xA;            drop_idle_publisher 10s; &#xA;        }&#xA;&#xA;        # This is the HLS application&#xA;        application show {&#xA;            live on; # Allows live input from above application&#xA;            deny play all; # disable consuming the stream from nginx as rtmp&#xA;&#xA;            &#xA;            hls on; # Enable HTTP Live Streaming&#xA;            hls_fragment 10;&#xA;            hls_playlist_length 0;&#xA;            hls_path /mnt/hls/;  # hls fragments path&#xA;            hls_nested on;&#xA;&#xA;            hls_fragment_naming sequential;&#xA;            &#xA;            hls_cleanup off;&#xA;                    &#xA;        }&#xA;&#xA;&#xA;    }&#xA;}&#xA;&#xA;&#xA;http {&#xA;    sendfile off;&#xA;    tcp_nopush on;&#xA;    directio 512;&#xA;    # aio on;&#xA;    &#xA;    # HTTP server required to serve the player and HLS fragments&#xA;    server {&#xA;        listen 8080;&#xA;        &#xA;        # Serve HLS fragments&#xA;        location /hls {&#xA;            types {&#xA;                application/vnd.apple.mpegurl m3u8;&#xA;                video/mp2t ts;&#xA;            }&#xA;            &#xA;            root /mnt;&#xA;&#xA;            add_header Cache-Control no-cache; # Disable cache&#xA;            &#xA;            # CORS setup&#xA;            add_header &#x27;Access-Control-Allow-Origin&#x27; &#x27;*&#x27; always;&#xA;            add_header &#x27;Access-Control-Expose-Headers&#x27; &#x27;Content-Length&#x27;;&#xA;            &#xA;            # allow CORS preflight requests&#xA;            if ($request_method = &#x27;OPTIONS&#x27;) {&#xA;                add_header &#x27;Access-Control-Allow-Origin&#x27; &#x27;*&#x27;;&#xA;                add_header &#x27;Access-Control-Max-Age&#x27; 1728000;&#xA;                add_header &#x27;Content-Type&#x27; &#x27;text/plain charset=UTF-8&#x27;;&#xA;                add_header &#x27;Content-Length&#x27; 0;&#xA;                return 204;&#xA;            }&#xA;        }&#xA;        &#xA;        # Serve DASH fragments&#xA;        location /dash {&#xA;            types {&#xA;                application/dash&#x2B;xml mpd;&#xA;                video/mp4 mp4;&#xA;            }&#xA;&#xA;            root /mnt;&#xA;            &#xA;            add_header Cache-Control no-cache; # Disable cache&#xA;&#xA;&#xA;            # CORS setup&#xA;            add_header &#x27;Access-Control-Allow-Origin&#x27; &#x27;*&#x27; always;&#xA;            add_header &#x27;Access-Control-Expose-Headers&#x27; &#x27;Content-Length&#x27;;&#xA;&#xA;            # Allow CORS preflight requests&#xA;            if ($request_method = &#x27;OPTIONS&#x27;) {&#xA;                add_header &#x27;Access-Control-Allow-Origin&#x27; &#x27;*&#x27;;&#xA;                add_header &#x27;Access-Control-Max-Age&#x27; 1728000;&#xA;                add_header &#x27;Content-Type&#x27; &#x27;text/plain charset=UTF-8&#x27;;&#xA;                add_header &#x27;Content-Length&#x27; 0;&#xA;                return 204;&#xA;            }&#xA;        }       &#xA;        &#xA;        # This URL provides RTMP statistics in XML&#xA;        location /stat {&#xA;            rtmp_stat all;&#xA;            rtmp_stat_stylesheet stat.xsl; # Use stat.xsl stylesheet &#xA;        }&#xA;&#xA;        location /stat.xsl {&#xA;            # XML stylesheet to view RTMP stats.&#xA;            root /usr/local/nginx/html;&#xA;        }&#xA;&#xA;    }&#xA;}&#xA;&#xA;

    &#xA;

  • Distributing a Python module with ffmpeg dependency

    17 août 2024, par arafasse

    I’m working on a Python module that harnesses some functionality from the FFmpeg framework - specifically, the ebur128 filter function. Ideally the module will stand on its own as an independent, platform agnostic tool for verifying that audio clips comply with EBU loudness standards. It’s designed so that end users need only perform one simple, (hopefully !) painless installation procedure, which will encompass the installation of both the FFmpeg libraries and my Python wrapper/GUI.

    &#xA;

    Does anyone have general advice for creating Python module with external dependencies, or specific advice for standardizing the FFmpeg installation across platforms ? Distutils seems pretty helpful – are there other guidelines or standard practices for developing a neatly packaged Python tool ? I want to minimize any installation headaches for end users.

    &#xA;