
Recherche avancée
Autres articles (45)
-
Mise à jour de la version 0.1 vers 0.2
24 juin 2013, parExplications des différents changements notables lors du passage de la version 0.1 de MediaSPIP à la version 0.3. Quelles sont les nouveautés
Au niveau des dépendances logicielles Utilisation des dernières versions de FFMpeg (>= v1.2.1) ; Installation des dépendances pour Smush ; Installation de MediaInfo et FFprobe pour la récupération des métadonnées ; On n’utilise plus ffmpeg2theora ; On n’installe plus flvtool2 au profit de flvtool++ ; On n’installe plus ffmpeg-php qui n’est plus maintenu au (...) -
Personnaliser en ajoutant son logo, sa bannière ou son image de fond
5 septembre 2013, parCertains thèmes prennent en compte trois éléments de personnalisation : l’ajout d’un logo ; l’ajout d’une bannière l’ajout d’une image de fond ;
-
Ecrire une actualité
21 juin 2013, parPrésentez les changements dans votre MédiaSPIP ou les actualités de vos projets sur votre MédiaSPIP grâce à la rubrique actualités.
Dans le thème par défaut spipeo de MédiaSPIP, les actualités sont affichées en bas de la page principale sous les éditoriaux.
Vous pouvez personnaliser le formulaire de création d’une actualité.
Formulaire de création d’une actualité Dans le cas d’un document de type actualité, les champs proposés par défaut sont : Date de publication ( personnaliser la date de publication ) (...)
Sur d’autres sites (3826)
-
Six Best Amplitude Alternatives
10 décembre 2024, par Daniel Crough -
Problem importing whatsapp-web.js nodejs module in electron react app
26 mai 2021, par Sunil ShahI am trying to build an electron react app. I need to integrate this node modules https://www.npmjs.com/package/whatsapp-web.js in my electron react app. My main.js of electron looks like this :




// Modules to control application life and create native browser window
const { app, BrowserWindow } = require("electron");
const path = require("path");

function createWindow() {
 // Create the browser window.
 const mainWindow = new BrowserWindow({
 width: 800,
 height: 600,
 webPreferences: {
 webSecurity: false,
 },
 });

 // and load the index.html of the app.
 mainWindow.loadURL("your ip address:3000");

 // Open the DevTools.
 // mainWindow.webContents.openDevTools()
}

app.whenReady().then(() => {
 createWindow();

 app.on("activate", function () {
 // On macOS it's common to re-create a window in the app when the
 // dock icon is clicked and there are no other windows open.
 if (BrowserWindow.getAllWindows().length === 0) createWindow();
 });
});

// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on("window-all-closed", function () {
 if (process.platform !== "darwin") app.quit();
});

// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.







And the React code where i want to import whatsapp-web.js module looks like




import React from "react";
import styled from "styled-components";
const qrcode = require('qrcode-terminal');
const Client = require('whatsapp-web.js');
function Error() {
 var client = new Client();
 client.initialize();
 console.log(client);
 console.log(qrcode);
 return (
 <container>
 <errorimage src="https://cdn4.iconfinder.com/data/icons/smiley-vol-3-2/48/134-512.png"></errorimage>
 <errormessage>Oops, you are not connected to any number.</errormessage>
 </container>
 );
}

export default Error;

const Container = styled.div`
 display: flex;
 height: 100vh;
 width: 100%;
 padding-top: 20vh;
 position: center;
 /* align-items: center; */
 justify-content: center;
`;

const ErrorImage = styled.img`
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: cover;
 object-fit: contain;

 width: 25%;
 height: 25%;

 /* border: 2px solid black; */
`;

const ErrorMessage = styled.div`
 margin: 10px;
 width: 50%;
 height: 25%;
 /* top: 20px; */
 font-size: 30px;
 align-items: center;
 font-family: "Lucida Console", "Courier New", monospace;
 /* font-weight: bold; */
`;







Now everytime I try to import const Client = require('whatsapp-web.js') It throws error like this :
**
[0] ./node_modules/fluent-ffmpeg/index.js
[0] Module not found : Can't resolve './lib-cov/fluent-ffmpeg' in 'D :\Sunil\Zarir_app-main\Zarir_app-main\node_modules\fluent-ffmpeg'
[0] Compiling...
[0] Failed to compile.


and I tried the solution
https://github.com/fluent-ffmpeg/node-fluent-ffmpeg/issues/573#issuecomment-305408048
and other resources but still nothing works and just loops in errors and errors.
Please help if you have any information related to it.
Thank you.


-
How to stack several videos using ffmpeg ?
13 juillet 2019, par JohnI have four cameras that are recording videos and wand to stack all videos into one video file. The final video must be a 2x2 grid.
THE HARD PART is that sometimes cameras are not recording simultaneously.
Here you can see one situation of how cameras are recording :
Camera 1 timeline: |recording....................................|
Camera 2 timeline: |stopped....|recording........................|
Camera 3 timeline: |recording.........|stopped....|recording.....|
Camera 4 timeline: |recording..................|stopped..........|Explanation :
- Camera 1 is recording all time.
- Camera 2 is starting recording later.
- Camera 3 is recording, then stopped a period of time, then again recording.
- Camera 4 is recording a period of time, then stopped.
In the final video I want to synchronize each video by timestamps.
If a camera is stopped a period of time then at its position must be a black portion.
How can I do this ?