Recherche avancée
Autres articles (78)
-
Le profil des utilisateurs
12 avril 2011, parChaque utilisateur dispose d’une page de profil lui permettant de modifier ses informations personnelle. Dans le menu de haut de page par défaut, un élément de menu est automatiquement créé à l’initialisation de MediaSPIP, visible uniquement si le visiteur est identifié sur le site.
L’utilisateur a accès à la modification de profil depuis sa page auteur, un lien dans la navigation "Modifier votre profil" est (...) -
Les images
15 mai 2013 -
Taille des images et des logos définissables
9 février 2011, parDans beaucoup d’endroits du site, logos et images sont redimensionnées pour correspondre aux emplacements définis par les thèmes. L’ensemble des ces tailles pouvant changer d’un thème à un autre peuvent être définies directement dans le thème et éviter ainsi à l’utilisateur de devoir les configurer manuellement après avoir changé l’apparence de son site.
Ces tailles d’images sont également disponibles dans la configuration spécifique de MediaSPIP Core. La taille maximale du logo du site en pixels, on permet (...)
Sur d’autres sites (3999)
-
How do you cut HLS(.m3u8) video with FFMPEG in javascript ?
5 août 2021, par SlykerenI am working on a project and one of the features is clipping, I got clipping to work for mp4 files but I am unable to find a way to clip HLS.


This is what I am currently using to clip mp4 files


router.post("/clip", async (req, res) => {
 try {
 const { url, startTime, length, clipName } = req.body;
 const outputURL = process.env.OUTPUTURL + clipName;
 ffmpeg(url)
 .setStartTime(startTime)
 .setDuration(length)
 .output(outputURL)
 .on("end", function (err) {
 if (!err) {
 console.log("conversion Done");
 res.send(clipName);
 setTimeout(function () {
 fs.unlink(outputURL, function () {
 console.log("success");
 });
 }, /* This value deterimines how long before the clip will be deleted in miliseconds */ 300000);
 }
 })
 .on("error", function (err) {
 console.log("error: ", err);
 })
 .run();
 } catch (e) {
 console.log(e);
 }
});


Any advice on this problem would be greatly appreciated.


-
FFMPEG : Cannot read properties of undefined (reading 'format')
1er avril 2023, par DonnybI am currently to convert a video file to produce a thumbnail through ffmpeg, react-dropzone, and express. However I keep getting a error of "Cannot read properties of undefined (reading 'format')" in my console. For some reason it can not read the "metadata.format.duration" in my program, I have checked if ffmpeg is properly installed by running the ffmpeg —version in my console, and I get all the details, along with ffprobe —version as well.


Here is my code :
upload.js


router.post("/thumbnail", (req, res) => {
 let thumbsFilePath ="";
 let fileDuration ="";

 // req.body.filepath
 ffmpeg.ffprobe(req.body.filepath, function(err, metadata){
 console.dir(metadata);
 console.log(metadata.format.duration);

 fileDuration = metadata.format.duration;
 })

 ffmpeg(req.body.filepath) //req.body.filepath
 .on('filenames', function (filenames) {
 console.log('Will generate ' + filenames.join(', '))
 console.log(filenames);
 thumbsFilePath = "./uploads/thumbnails/" + filenames[0];
 
 })
 .on('end', function () {
 console.log('Screenshots taken');
 return res.json({ success: true, thumbsFilePath: thumbsFilePath, fileDuration: fileDuration})
 })
 .screenshots({
 // Will take screens at 20%, 40%, 60% and 80% of the video
 count: 3,
 folder: './uploads/thumbnails',
 size:'320x240',
 // %b input basename ( filename w/o extension )
 filename:'thumbnail-%b.png'
 });
})


FrontEnd drop code :
AddVideo.js


const onDrop = (files) => {

 let formData = new FormData();
 const config = {
 header: { 'content-type': 'multipart/form-data' }
 }
 console.log(files)
 formData.append("file", files[0])

 axios.post('http://localhost:5000/api/upload/uploadfiles', formData, config)
 .then(response => {
 if (response.data.success) {

 let variable = {
 filePath: response.data.filePath,
 fileName: response.data.fileName
 }
 setFilePath(response.data.filePath)

 //gerenate thumbnail with this filepath ! 

 axios.post('http://localhost:5000/api/upload/thumbnail', variable)
 .then(response => {
 if (response.data.success) {
 setDuration(response.data.fileDuration)
 setThumbnail(response.data.thumbsFilePath)
 } else {
 alert('Failed to make the thumbnails');
 }
 })


 } else {
 alert('failed to save the video in server')
 }
 })

 }

 return (
 <div style="{{">
 <div style="{{">
 {/* */}
 </div>

 <formcontrol>
 <div style="{{">
 
 {({ getRootProps, getInputProps }) => (
 <div style="{{" solid="solid">
 <input />
 <icon type="plus" style="{{"></icon>

 </div>
 )}
 
 </div>
 </formcontrol>
 </div>
 )
}


The video I am trying to upload is a mp4 file. I am using fluent-ffmpeg as a dependency.


-
Merge video and audio using ffmpeg in Express.js
4 février 2024, par Muhammad Tahir AliI am using FFmpeg-static in my Express server to merge audio and video coming from Youtube Readable Stream. I have found one code on one Github repo but that code is converting and saving directly to the backend root folder. What I want is to merge and then pipe it directly to the end user.
The code which I found is below :


router.get('/try', async (req, res)=>{
let vid = ytdl(ytvideoUrl, {filter: format => format.qualityLabel === '144p'})
let aud = ytdl(ytvideoUrl, { quality: 'lowestaudio' })

const ffmpegProcess = cp.spawn(ffmpeg, [
 '-loglevel', '8', '-hide_banner',
 '-progress', 'pipe:3',
 '-i', 'pipe:4',
 '-i', 'pipe:5',
 '-map', '0:a',
 '-map', '1:v',
 '-c:v', 'copy',
 `videoTitle.mp4`,
 ], {
 windowsHide: true,
 stdio: [
 'inherit', 'inherit', 'inherit',
 'pipe', 'pipe', 'pipe',
 ],
 })
ffmpegProcess.on('close', () => {
console.log("Merging Completed");
})
 
aud.pipe(ffmpegProcess.stdio[4]);
vid.pipe(ffmpegProcess.stdio[5]);
})


Dependencies are :


const cp = require('child_process');
const ytdl = require('ytdl-core')
const ffmpeg = require('ffmpeg-static');


Syndiquer tout le site
