Recherche avancée

Médias (91)

Autres articles (74)

  • HTML5 audio and video support

    13 avril 2011, par

    MediaSPIP uses HTML5 video and audio tags to play multimedia files, taking advantage of the latest W3C innovations supported by modern browsers.
    The MediaSPIP player used has been created specifically for MediaSPIP and can be easily adapted to fit in with a specific theme.
    For older browsers the Flowplayer flash fallback is used.
    MediaSPIP allows for media playback on major mobile platforms with the above (...)

  • Support audio et vidéo HTML5

    10 avril 2011

    MediaSPIP utilise les balises HTML5 video et audio pour la lecture de documents multimedia en profitant des dernières innovations du W3C supportées par les navigateurs modernes.
    Pour les navigateurs plus anciens, le lecteur flash Flowplayer est utilisé.
    Le lecteur HTML5 utilisé a été spécifiquement créé pour MediaSPIP : il est complètement modifiable graphiquement pour correspondre à un thème choisi.
    Ces technologies permettent de distribuer vidéo et son à la fois sur des ordinateurs conventionnels (...)

  • De l’upload à la vidéo finale [version standalone]

    31 janvier 2010, par

    Le chemin d’un document audio ou vidéo dans SPIPMotion est divisé en trois étapes distinctes.
    Upload et récupération d’informations de la vidéo source
    Dans un premier temps, il est nécessaire de créer un article SPIP et de lui joindre le document vidéo "source".
    Au moment où ce document est joint à l’article, deux actions supplémentaires au comportement normal sont exécutées : La récupération des informations techniques des flux audio et video du fichier ; La génération d’une vignette : extraction d’une (...)

Sur d’autres sites (9257)

  • Why am I getting an error of "No module named 'YouTube_dl'", but the module is installed ?

    14 septembre 2022, par Harshul Nanda

    The command "streamlit run main.py" gives the error of no module named 'YouTube_dl' but it says requirement already satisfied. When importing youtube_dl in a python script file, it shows me no module named "youtube_dl".

    


    enter image description here

    


  • txd : Use the TextureDSP module for decoding

    20 mai 2015, par Vittorio Giovara
    txd : Use the TextureDSP module for decoding
    

    Using the internal DXTC routines brings support for non multiple of 4
    textures. A new test is added to cover this feature. Hashes differ
    since the decoding algorithm is different, though no visual changes
    have been spotted.

    Signed-off-by : Vittorio Giovara <vittorio.giovara@gmail.com>

    • [DH] configure
    • [DH] libavcodec/Makefile
    • [DH] libavcodec/s3tc.c
    • [DH] libavcodec/s3tc.h
    • [DH] libavcodec/txd.c
    • [DH] tests/fate/video.mak
    • [DH] tests/ref/fate/txd-16bpp
    • [DH] tests/ref/fate/txd-odd
  • Getting this error in next js 13 app router “Module not found : Can't resolve './lib-cov/fluent-ffmpeg'”

    14 novembre 2023, par Aamir Khan

    I want to convert mp4 to mp3 using the npm package 'fluent-ffmpeg’, in the express application it is working fine but not in NextJS 13, And even after removing the node_modules folder, package-lock.js and doing "npm install" again, it still didn't work. Does anyone have a solution for this ?

    &#xA;

    This error is coming in the console.

    &#xA;

    > my-app@0.1.0 dev&#xA;> next dev&#xA;&#xA;   ▲ Next.js 14.0.2&#xA;   - Local:        http://localhost:3000&#xA;   - Environments: .env.local&#xA;&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/next isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/next isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA; ✓ Ready in 2.2s&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-ia32-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-x64-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-x64-gnu isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-arm64-musl isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-arm64-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-x64-musl isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-darwin-x64 isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-arm64-gnu isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA; ⨯ ./node_modules/fluent-ffmpeg/index.js:1:48&#xA;Module not found: Can&#x27;t resolve &#x27;./lib-cov/fluent-ffmpeg&#x27;&#xA;&#xA;https://nextjs.org/docs/messages/module-not-found&#xA;&#xA;Import trace for requested module:&#xA;./src/app/api/new/route.js&#xA; ○ Compiling /not-found ...&#xA;(node:3236) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.&#xA;(Use `node --trace-deprecation ...` to show where the warning was created)&#xA; ⨯ ./node_modules/fluent-ffmpeg/index.js:1:48&#xA;Module not found: Can&#x27;t resolve &#x27;./lib-cov/fluent-ffmpeg&#x27;&#xA;&#xA;https://nextjs.org/docs/messages/module-not-found&#xA;&#xA;Import trace for requested module:&#xA;./src/app/api/new/route.js&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/next isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA; ⨯ ./node_modules/fluent-ffmpeg/index.js:1:48&#xA;Module not found: Can&#x27;t resolve &#x27;./lib-cov/fluent-ffmpeg&#x27;&#xA;&#xA;https://nextjs.org/docs/messages/module-not-found&#xA;&#xA;Import trace for requested module:&#xA;./src/app/api/new/route.js&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-x64-musl isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-ia32-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-x64-gnu isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-darwin-x64 isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-arm64-musl isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-arm64-gnu isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-arm64-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-x64-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-ia32-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-arm64-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-win32-x64-msvc isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-x64-musl isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-arm64-musl isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-darwin-x64 isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-x64-gnu isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /Users/creative_aamir/Documents/My Website Projects /nextjs apps/testing-fluent-ffmpeg/node_modules/@next/swc-linux-arm64-gnu isn&#x27;t a directory or doesn&#x27;t contain a package.json (see snapshot.managedPaths option)&#xA;</w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w></w>

    &#xA;

    I also tried creating the webpack.config.js file in the root directory of the project but it did not work

    &#xA;

    &lt;

    &#xA;

    import webpack from &#x27;webpack&#x27;&#xA;&#xA;module.exports = {&#xA;  plugins: [&#xA;    new webpack.DefinePlugin({&#xA;      &#x27;process.env.FLUENTFFMPEG_COV&#x27;: JSON.stringify(false),&#xA;    }),&#xA;  ],&#xA;};&#xA;

    &#xA;

    >

    &#xA;

    This is my src/app/api/new/route.js file code

    &#xA;

    import { NextResponse, NextRequest } from "next/server";&#xA;import ffmpeg from &#x27;fluent-ffmpeg&#x27;&#xA;var command = ffmpeg()&#xA;&#xA;export function GET(){&#xA;&#xA;    command.input(&#x27;mp4/video.mp4&#x27;)&#xA;    &#xA;    .save(&#x27;converted/audio.mp3&#x27;)&#xA;&#xA;    return NextResponse.json(&#x27;Done&#x27;)&#xA;}&#xA;

    &#xA;

    This is next.config.js file

    &#xA;

    /** @type {import(&#x27;next&#x27;).NextConfig} */&#xA;&#xA;const nextConfig = {}&#xA;&#xA;module.exports = nextConfig&#xA;

    &#xA;

    This is package.js file

    &#xA;

    {&#xA;  "name": "my-app",&#xA;  "version": "0.1.0",&#xA;  "private": true,&#xA;  "scripts": {&#xA;    "dev": "next dev",&#xA;    "build": "next build",&#xA;    "start": "next start",&#xA;    "lint": "next lint"&#xA;  },&#xA;  "dependencies": {&#xA;    "ffmpeg": "^0.0.4",&#xA;    "fluent-ffmpeg": "^2.1.2",&#xA;    "next": "14.0.2",&#xA;    "react": "^18",&#xA;    "react-dom": "^18",&#xA;    "webpack": "^5.89.0"&#xA;  }&#xA;}&#xA;

    &#xA;

    How to fix this error ?

    &#xA;