Recherche avancée

Sur d’autres sites (5088)

• How to convert webm blob to mp4 blob in angular 11 ?

  16 juin 2023, par shubham patil

  I Have recorded the video using MediaRecorder after recording its storing that blob in webm format but after downloading the video its not supporting to share as media.

  


  I tried ffmpeg but its not working showing below error

  


  Error: ./node_modules/@ffmpeg/ffmpeg/src/browser/fetchFile.js 29:51
Module parse failed: Unexpected token (29:51)
File was processed with these loaders:
 * ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js
 * ./node_modules/@ngtools/webpack/src/ivy/index.js
You may need an additional loader to handle the result of these loaders.
|     /* From remote server/URL */
|     } else {
>       const res = await fetch(new URL(_data, import.meta.url).href);
|       data = await res.arrayBuffer();
|     }

Error: ./node_modules/@ffmpeg/ffmpeg/src/browser/getCreateFFmpegCore.js 33:52
Module parse failed: Unexpected token (33:52)
File was processed with these loaders:
 * ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js
 * ./node_modules/@ngtools/webpack/src/ivy/index.js
You may need an additional loader to handle the result of these loaders.
|       throw Error('corePath should be a string!');
|     }
>     const coreRemotePath = new URL(_corePath, import.meta.url).href;
|     const corePath = await toBlobURL(
|       coreRemotePath,

Error: ./node_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js 7:68
Module parse failed: Unexpected token (7:68)
File was processed with these loaders:
 * ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js
 * ./node_modules/@ngtools/webpack/src/ivy/index.js
You may need an additional loader to handle the result of these loaders.
|  */
| const corePath = typeof process !== 'undefined' && process.env.NODE_ENV === 'development'
>   ? new URL('/node_modules/@ffmpeg/core/dist/ffmpeg-core.js', import.meta.url).href
|   : `https://unpkg.com/@ffmpeg/core@${pkg.devDependencies['@ffmpeg/core'].substring(1)}/dist/ffmpeg-core.js`;


  


  Im not able to resolve this error.

  


  here is the package.json

  


  {
  "name": "convert",
  "version": "1.0.0",
  "private": true,
  "description": "Motor",
  "scripts": {
    "ng": "ng",
    "start": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng serve --port 4300",
    "test": "ng test",
    "lint": "tslint ./src/**/*.ts -t verbose",
    "e2e": "ng e2e"
  },
  "keywords": [],
  "author": "",
  "dependencies": {
    "@angular/animations": "~11.2.14",
    "@angular/common": "~11.2.14",
    "@angular/compiler": "~11.2.14",
    "@angular/core": "~11.2.14",
    "@angular/forms": "~11.2.14",
    "@angular/localize": "^11.2.14",
    "@angular/platform-browser": "~11.2.14",
    "@angular/platform-browser-dynamic": "~11.2.14",
    "@angular/router": "~11.2.14",
    "@ffmpeg/ffmpeg": "^0.11.6",
    "@ng-bootstrap/ng-bootstrap": "4.2.1",
    "@ngui/auto-complete": "^3.0.0",
    "angular-in-memory-web-api": "~0.8.0",
    "angular2-toaster": "^8.0.0",
    "core-js": "2.6.5",
    "hammerjs": "^2.0.8",
    "jquery": "^3.2.1",
    "moment": "^2.24.0",
    "moment-timezone": "^0.5.17",
    "mux.js": "^6.3.0",
    "ng-circle-progress": "1.6.0",
    "ng2-toastr": "^4.1.2",
    "ngui-angular2-auto-complete": "^0.1.1",
    "ngx-device-detector": "^2.0.10",
    "ngx-spinner": "^7.2.0",
    "rxjs": "6.6.7",
    "rxjs-compat": "^6.0.0-rc.0",
    "systemjs": "3.1.0",
    "tslib": "^2.0.0",
    "video.js": "^8.3.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1102.13",
    "@angular/cli": "^11.2.13",
    "@angular/compiler-cli": "^11.2.14",
    "@types/dom-mediacapture-record": "^1.0.16",
    "@types/jasmine": "~3.6.0",
    "@types/node": "^12.11.1",
    "canonical-path": "1.0.0",
    "codelyzer": "^6.0.0",
    "concurrently": "^4.1.0",
    "jasmine-core": "~3.6.0",
    "karma": "~6.3.2",
    "karma-chrome-launcher": "~3.1.0",
    "karma-cli": "^2.0.0",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "lite-server": "^2.4.0",
    "lodash": "^4.16.4",
    "protractor": "~7.0.0",
    "raw-loader": "^4.0.2",
    "rimraf": "^2.6.3",
    "tslint": "~6.1.0",
    "typescript": "4.0.7"
  },
  "repository": {}
}


  


  and here is ffmpeg code

  


  const ffmpeg = createFFmpeg({
      log: true,
    });


  


• How can I get the location of my screenshot made from video with ffmpeg in Node.js ?

  17 juin 2023, par Terry Windwalker

  This is how I did it.

  


  const ffmpegPath = require('@ffmpeg-installer/ffmpeg');
import ffmpeg from 'fluent-ffmpeg';
import path from 'path';
const os = require('os');
ffmpeg.setFfmpegPath(ffmpegPath.path);


export const generateThumbnailFromVideo = async (mp4Buffer) => {
    console.log('generateThumbnailFromVideo is triggered');
    const timePosition = '00:00:00.500';
    const filename = `temp/temp-${new Date().getTime()}.png`;
    return new Promise((resolve, reject) => {
        ffmpeg({
            source: bufferToStream(mp4Buffer)
        })
        .on('error', (err) => {
            console.error('An error occurred: ' + err.message);
            reject(err);
        })
        .on('end', () => {
            console.log('Thumbnail generated successfully');
            fs.readFile(filename, (err, data) => {
                if (err) {
                    console.error('An error occurred while reading the thumbnail file:', err);
                    reject(err);
                    return;
                }
                fs.unlink(filename);
                uploadBuffer(data, filename, data.length)
            })
            resolve(filename);
        })
        .screenshots({
            timestamps: [timePosition],
            filename: filename,
            folder: 'temp/',
            size: '320x240',
        });
    });
}


  


  And this is the log came up.

  


  generateThumbnailFromVideo is triggered
Thumbnail generated successfully
createProjectMedia is triggered
userId:  1
projectId:  25
mediaArray:  [
  {
    mediaUrl: 'medias/1/1686843801535/medias_1_1684753043519_1_(1)_(4)_(1).mp4',
    thumbnailUrl: 'medias/1/1686843801535/medias_1_1684753043519_1_(1)_(4)_(1)_thumbnail.jpg',
    mediaType: 2
  }
]
An error occurred while reading the thumbnail file: [Error: ENOENT: no such file or directory, open 'temp/temp-1686843802255.png'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: 'temp/temp-1686843802255.png'
}


  


  It claims the screenshot has been created but I cannot find it anywhere. Tried absolute route with __dirname and os.tmpdir() with no luck. The screenshot it claimed has been created are not there.

  


  Can somebody help me out ? I have been stuck here for 5 hours with no progress so far.

  


  Also, I have checked the file temp in the root directory of the repo. It is empty.

  


  UPDATE : Checked and can confirm that the router used in the key "folder" (temp/) is correct, since deleting that folder will trigger an error saying that the folder is not found. Creating the folder again will remove this error. But even though the "generated successfully" log is printed, the image is not saved in that folder, and the folder is still empty after that log is printed.

  


  That fs.unlink is also unrelated. Removing it won't cause any change.

  


• Error : bad memory at /opt/render/project/src/node_modules/@ffmpeg.wasm/core-mt/dist/core.js:15:1

  1er octobre 2023, par James

  While deploying nodejs app on render.com i get this error Error : bad memory at /opt/render/project/src/node_modules/@ffmpeg.wasm/core-mt/dist/core.js:15:1.

  


  how to avoid this error i am using ffmpeg for merging audio with video.

  


  full error

  


   /opt/render/project/src/node_modules/@ffmpeg.wasm/core-mt/dist/core.js:15&#xA;Oct 1 04:53:37 PM  Error("bad memory");var Aa=z.buffer;e.HEAP8=A=new Int8Array(Aa);e.HEAP16=C=new Int16Array(Aa);e.HEAP32=E=new Int32Array(Aa);e.HEAPU8=B=new Uint8Array(Aa);e.HEAPU16=wa=new Uint16Array(Aa);e.HEAPU32=F=new Uint32Array(Aa);e.HEAPF32=xa=new Float32Array(Aa);e.HEAPF64=ya=new Float64Array(Aa);za=z.buffer.byteLength;var H,Ba=[],Ca=[],Da=[],Ea=[],Fa=[],Ga=!1,Ha=0;function Ia(){return noExitRuntime||0opt/render/project/src/node_modules/@ffmpeg.wasm/core-mt/dist/core.js:15:1&#xA;Oct 1 04:53:37 PM      at Function.<anonymous> (/opt/render/project/src/node_modules/@ffmpeg.wasm/main/dist/index.js:165:64)&#xA;Oct 1 04:53:37 PM      at Generator.next (<anonymous>)&#xA;Oct 1 04:53:37 PM      at fulfilled (/opt/render/project/src/node_modules/@ffmpeg.wasm/main/dist/index.js:28:22)&#xA;</anonymous></anonymous>

  


  my code

  


  import express from "express";
const router = express.Router();
import { readFile, writeFile } from "fs/promises";
import { FFmpeg } from "@ffmpeg.wasm/main";
import path from "path";

const currentDirectory = process.cwd();

const inputFilePath = path.join(currentDirectory, "video3.mp4");
const inputFilePath1 = path.join(currentDirectory, "wolf-howl-6310.mp3");
const outputFilePath = path.join(currentDirectory, "video3-2.mp4");

const ffmpeg = await FFmpeg.create({ core: "@ffmpeg.wasm/core-mt", log: true });

try {
  ffmpeg.fs.writeFile("/video3.mp4", await readFile(inputFilePath));
  ffmpeg.fs.writeFile("/wolf-howl-6310.mp3", await readFile(inputFilePath1));
  console.log(ffmpeg.version);
  await ffmpeg.run(
    "-i",
    "/wolf-howl-6310.mp3",
    "-i",
    "/video3.mp4",
    "-c",
    "copy",
    "-map",
    "0:a:0",
    "-map",
    "1:v:0",
    "/video3-2.mp4"
  );
  await writeFile(outputFilePath, ffmpeg.fs.readFile("/video3-2.mp4"));
  console.log("Conversion successful!");
} catch (error) {
  console.error("Error:", error);
}

router.post("/", (req, res) => {});
export { router as Merge };