Recherche avancée
Médias (1)
-
Collections - Formulaire de création rapide
19 février 2013, par
Mis à jour : Février 2013
Langue : français
Type : Image
Autres articles (111)
-
Script d’installation automatique de MediaSPIP
25 avril 2011, parAfin de palier aux difficultés d’installation dues principalement aux dépendances logicielles coté serveur, un script d’installation "tout en un" en bash a été créé afin de faciliter cette étape sur un serveur doté d’une distribution Linux compatible.
Vous devez bénéficier d’un accès SSH à votre serveur et d’un compte "root" afin de l’utiliser, ce qui permettra d’installer les dépendances. Contactez votre hébergeur si vous ne disposez pas de cela.
La documentation de l’utilisation du script d’installation (...) -
Les notifications de la ferme
1er décembre 2010, parAfin d’assurer une gestion correcte de la ferme, il est nécessaire de notifier plusieurs choses lors d’actions spécifiques à la fois à l’utilisateur mais également à l’ensemble des administrateurs de la ferme.
Les notifications de changement de statut
Lors d’un changement de statut d’une instance, l’ensemble des administrateurs de la ferme doivent être notifiés de cette modification ainsi que l’utilisateur administrateur de l’instance.
À la demande d’un canal
Passage au statut "publie"
Passage au (...) -
Initialisation de MediaSPIP (préconfiguration)
20 février 2010, parLors de l’installation de MediaSPIP, celui-ci est préconfiguré pour les usages les plus fréquents.
Cette préconfiguration est réalisée par un plugin activé par défaut et non désactivable appelé MediaSPIP Init.
Ce plugin sert à préconfigurer de manière correcte chaque instance de MediaSPIP. Il doit donc être placé dans le dossier plugins-dist/ du site ou de la ferme pour être installé par défaut avant de pouvoir utiliser le site.
Dans un premier temps il active ou désactive des options de SPIP qui ne le (...)
Sur d’autres sites (6215)
-
Video streamign with FFMpeg and Nest.js+Next.js
17 septembre 2024, par AizenHere is my problem : I have one video src 1080p (on the frontend). On the frontend, I send this video-route to the backend :


const req = async()=>{try{const res = await axios.get('/catalog/item',{params:{SeriesName:seriesName}});return {data:res.data};}catch(err){console.log(err);return false;}}const fetchedData = await req();-On the backend i return seriesName.Now i can make a full path,what the video is,and where it is,code:


const videoUrl = 'C:/Users/arMori/Desktop/RedditClone/reddit/public/videos';console.log('IT VideoURL',videoUrl);


const selectedFile = `${videoUrl}/${fetchedData.data.VideoSource}/${seriesName}-1080p.mp4`
console.log(`ITS'S SELECTED FILE: ${selectedFile}`);


Ok, I have my src 1080p, now is the time to send it to the backend :


const response = await axios.post('/videoFormat', {videoUrl:selectedFile})console.log('Это консоль лог путей: ',response.data);const videoPaths = response.data;


Backend takes it and FFMpqg makes two types of resolution,720p and 480p,save it to the temp storage on backend, and then returns two routes where these videos stores


async videoUpload(videoUrl:string){try{const tempDir = C:/Users/arMori/Desktop/RedditClone/reddit_back/src/video/temp;const inputFile = videoUrl;console.log('VIDEOURL: ',videoUrl);


const outputFiles = [];
 
 await this.createDirectories(tempDir); 
 outputFiles.push(await this.convertVideo(inputFile, '1280x720', '720p.mp4'));
 outputFiles.push(await this.convertVideo(inputFile, '854x480', '480p.mp4'));
 console.log('OUTUPT FILES SERVICE: ',outputFiles);
 
 return outputFiles;

 }catch(err){
 console.error('VideoFormatterService Error: ',err);
 
 }
}

private convertVideo(inputPath:string,resolution:string,outputFileName:string):Promise<string>{
 const temp = `C:/Users/arMori/Desktop/RedditClone/reddit_back/src/video/temp`;
 return new Promise(async(resolve,reject)=>{
 const height = resolution.split('x')[1];
 console.log('HIEGHT: ',height);
 
 const outputDir = `C:/Users/arMori/Desktop/RedditClone/reddit_back/src/video/temp/${height}p`;
 const outputPath = join(outputDir, outputFileName);
 const isExists = await fs.access(outputPath).then(() => true).catch(() => false);
 if(isExists){ 
 console.log(`File already exists: ${outputPath}`);
 return resolve(outputPath)
 };
 ffmpeg(inputPath)
 .size(`${resolution}`)
 .videoCodec('libx264') // Кодек H.264
 .audioCodec('aac') 
 .output(outputPath)
 .on('end',()=>resolve(outputPath))
 .on('error',(err)=>reject(err))
 .run()
 
 })
}

private async createDirectories(temp:string){
 try{
 const dir720p = `${temp}/720p`;
 const dir480p = `${temp}/480p`;
 const dir720pExists = await fs.access(dir720p).then(() => true).catch(() => false);
 const dir480pExists = await fs.access(dir480p).then(() => true).catch(() => false);
 if(dir720pExists && dir480pExists){
 console.log('FILES ALIVE');
 return;
 }
 if (!dir720pExists) {
 await fs.mkdir(dir720p, { recursive: true });
 console.log('Папка 720p создана');
 }
 
 if (!dir480pExists) {
 await fs.mkdir(dir480p, { recursive: true });
 console.log('Папка 480p создана');
 }
 } catch (err) {
 console.error('Ошибка при создании директорий:', err);
 }
}
</string>

Continue frontentd code :


let videoPath;

if (quality === '720p') {
 videoPath = videoPaths[0];
} else if (quality === '480p') {
 videoPath = videoPaths[1];
}

if (!videoPath) {
 console.error('Video path not found!');
 return;
}

// Получаем видео по его пути
console.log('VIDEOPATH LOG: ',videoPath);
 
const videoRes = await axios.get('/videoFormat/getVideo', { 
 params: { path: videoPath } ,
 headers: { Range: 'bytes=0-' },
 responseType: 'blob'
 });
 console.log('Video fetched: ', videoRes);
 const videoBlob = new Blob([videoRes.data], { type: 'video/mp4' });
 const videoURL = URL.createObjectURL(videoBlob);
 return videoURL;
 /* console.log('Видео успешно загружено:', response.data); */
 } catch (error) {
 console.error('Ошибка при загрузке видео:', error);
 }
}


Here I just choose one of the route and make a new GET request (VideoRes), now in the controller in the backend, I'm trying to do a video streaming :


@Public()
 @Get('/getVideo')
 async getVideo(@Query('path') videoPath:string,@Req() req:Request,@Res() res:Response){
 try {
 console.log('PATH ARGUMENT: ',videoPath);
 console.log('VIDEOPATH IN SERVICE: ',videoPath);
 const videoSize = (await fs.stat(videoPath)).size;
 const CHUNK_SIZE = 10 ** 6;
 const range = req.headers['range'] as string | undefined;
 if (!range) {
 return new ForbiddenException('Range не найденно');
 }
 const start = Number(range.replace(/\D/g,""));
 const end = Math.min(start + CHUNK_SIZE,videoSize - 1);

 const contentLength = end - start + 1;
 const videoStream = fsSync.createReadStream(videoPath, { start, end });
 const headers = {
 'Content-Range':`bytes ${start}-${end}/${videoSize}`,
 'Accept-Ranges':'bytes',
 'Content-Length':contentLength,
 'Content-Type':'video/mp4'
 }
 
 res.writeHead(206,headers);

 // Передаем поток в ответ
 videoStream.pipe(res);
 

 // Если возникнет ошибка при стриминге, логируем ошибку
 videoStream.on('error', (error) => {
 console.error('Ошибка при чтении видео:', error);
 res.status(500).send('Ошибка при чтении видео');
 });
 } catch (error) {
 console.error('Ошибка при обработке запросов:', error);
 return res.status(400).json({ message: 'Ошибка при обработке getVideo запросов' });
 }
 }


Send to the frontend


res.writeHead(206,headers);


In the frontend, I make blob url for video src and return it


const videoBlob = new Blob([videoRes.data], { type: 'video/mp4' });const videoURL = URL.createObjectURL(videoBlob);return videoURL;


And assign src to the video :


useVideo(seriesName,quality).then(src => {
 if (src) {
 console.log('ITS VIDEOLOGISC GOIDA!');
 if(!playRef.current) return;
 
 const oldURL = playRef.current.src;
 if (oldURL && oldURL.startsWith('blob:')) {
 URL.revokeObjectURL(oldURL);
 }
 playRef.current.pause();
 playRef.current.src = '';
 setQuality(quality);
 console.log('SRC: ',src);
 
 playRef.current.src = src;
 playRef.current.load();
 console.log('ITS VIDEOURL GOIDA!');
 togglePlayPause();
 }
 })
 .catch(err => console.error('Failed to fetch video', err));


But the problem is :




Vinland-Saga:1 Uncaught (in promise) NotSupportedError : Failed to load because no supported source was found




And I don't know why...


I tried everything, but I don't understand why src is incorrect..


-
ffmpeg file conversion unreadable [on hold]
16 août 2015, par rashadbI used ffmpeg to shorten a Videohive file from 14 seconds to 5 seconds with the following entry on the command line :
ffmpeg -i 15_Shopping_VKV.mov -t 5 shoes.mp4The file doesn’t work when I try to play it with Quicktime. Along with other Google searches, I looked at the following links in Stackoverflow for suggestions :
https://stackoverflow.com/questions/25831944/unreadable-files
https://stackoverflow.com/questions/4818681/ffmpeg-conversion-error
https://stackoverflow.com/questions/22307229/ffmpeg-mp4-file-is-not-validAt this point I’m out of ideas to figure out what’s wrong, let alone how to fix the problem.
Here are some additional details :
I managed to edit a few other Videohive files but each file comes in slightly different format and although I’ve converted a number of other files with a similar entry or one that adjusts the codec to something web ready, I’ve been unable to successfully convert this file. Like all of the other original videohive files it is readily read by QuickTime. Only after the conversion does this file not work. All other files I’ve converted worked with the following conversions for example :
ffmpeg -i mainfile.mp4 -t 5:00 rave.mp4OR
ffmpeg -i 00299.mov -c:v libx264 dating.mp4Here are a few additional details that may help :
1) a link to the broken file
https://s3.amazonaws.com/files.parsetfss.com/90b6030c-d712-42ec-b2ee-deb43a4dd277/tfss-79b45914-9ada-4c1c-8fbc-8d652f8c00c7-shoes.mp42) The printout of ffmpeg process
News-MacBook-Air:CP08.14.15 newuser$ ffmpeg -i 15_Shopping_VKV.mov -t 5 shoes.mov
ffmpeg version 2.7.1 Copyright (c) 2000-2015 the FFmpeg developers
built with Apple LLVM version 6.1.0 (clang-602.0.53) (based on LLVM 3.6.0svn)
configuration: --prefix=/usr/local/Cellar/ffmpeg/2.7.1 --enable-shared --enable-pthreads --enable-gpl --enable-version3 --enable-hardcoded-tables --enable-avresample --cc=clang --host-cflags= --host-ldflags= --enable-libx264 --enable-libmp3lame --enable-libvo-aacenc --enable-libxvid --enable-libfreetype --enable-libtheora --enable-libvorbis --enable-libvpx --enable-librtmp --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libass --enable-ffplay --enable-libspeex --enable-libschroedinger --enable-libfdk-aac --enable-libopus --enable-frei0r --enable-libopenjpeg --disable-decoder=jpeg2000 --extra-cflags='-I/usr/local/Cellar/openjpeg/1.5.1_1/include/openjpeg-1.5 ' --enable-nonfree --enable-vda
libavutil 54. 27.100 / 54. 27.100
libavcodec 56. 41.100 / 56. 41.100
libavformat 56. 36.100 / 56. 36.100
libavdevice 56. 4.100 / 56. 4.100
libavfilter 5. 16.101 / 5. 16.101
libavresample 2. 1. 0 / 2. 1. 0
libswscale 3. 1.101 / 3. 1.101
libswresample 1. 2.100 / 1. 2.100
libpostproc 53. 3.100 / 53. 3.100
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from '15_Shopping_VKV.mov':
Metadata:
major_brand : qt
minor_version : 537199360
compatible_brands: qt
creation_time : 2015-03-07 22:03:36
Duration: 00:00:14.71, start: 0.000000, bitrate: 78240 kb/s
Stream #0:0(eng): Video: mjpeg (jpeg / 0x6765706A), yuvj422p(pc, bt470bg/bt709/bt709), 1920x1080 [SAR 72:72 DAR 16:9], 78231 kb/s, 29.97 fps, 29.97 tbr, 30k tbn, 30k tbc (default)
Metadata:
creation_time : 2015-03-07 22:03:36
handler_name : Apple Alias Data Handler
encoder : Photo - JPEG
timecode : 00:02:36;02
Stream #0:1(eng): Data: none (tmcd / 0x64636D74), 0 kb/s (default)
Metadata:
creation_time : 2015-03-07 22:15:55
handler_name : Apple Alias Data Handler
timecode : 00:02:36;02
File 'shoes.mov' already exists. Overwrite ? [y/N] y
No pixel format specified, yuvj422p for H.264 encoding chosen.
Use -pix_fmt yuv420p for compatibility with outdated media players.
[libx264 @ 0x7fbc9400a000] using SAR=1/1
[libx264 @ 0x7fbc9400a000] using cpu capabilities: MMX2 SSE2Fast SSSE3 SSE4.2 AVX FMA3 AVX2 LZCNT BMI2
[libx264 @ 0x7fbc9400a000] profile High 4:2:2, level 4.0, 4:2:2 8-bit
[libx264 @ 0x7fbc9400a000] 264 - core 144 r2533 c8a773e - H.264/MPEG-4 AVC codec - Copyleft 2003-2015 - http://www.videolan.org/x264.html - options: cabac=1 ref=3 deblock=1:0:0 analyse=0x3:0x113 me=hex subme=7 psy=1 psy_rd=1.00:0.00 mixed_ref=1 me_range=16 chroma_me=1 trellis=1 8x8dct=1 cqm=0 deadzone=21,11 fast_pskip=1 chroma_qp_offset=-2 threads=6 lookahead_threads=1 sliced_threads=0 nr=0 decimate=1 interlaced=0 bluray_compat=0 constrained_intra=0 bframes=3 b_pyramid=2 b_adapt=1 b_bias=0 direct=1 weightb=1 open_gop=0 weightp=2 keyint=250 keyint_min=25 scenecut=40 intra_refresh=0 rc_lookahead=40 rc=crf mbtree=1 crf=23.0 qcomp=0.60 qpmin=0 qpmax=69 qpstep=4 ip_ratio=1.40 aq=1:1.00
Output #0, mov, to 'shoes.mov':
Metadata:
major_brand : qt
minor_version : 537199360
compatible_brands: qt
encoder : Lavf56.36.100
Stream #0:0(eng): Video: h264 (libx264) (avc1 / 0x31637661), yuvj422p(pc), 1920x1080 [SAR 1:1 DAR 16:9], q=-1--1, 29.97 fps, 30k tbn, 29.97 tbc (default)
Metadata:
creation_time : 2015-03-07 22:03:36
handler_name : Apple Alias Data Handler
timecode : 00:02:36;02
encoder : Lavc56.41.100 libx264
Stream mapping:
Stream #0:0 -> #0:0 (mjpeg (native) -> h264 (libx264))
Press [q] to stop, [?] for help
frame= 150 fps=6.9 q=-1.0 Lsize= 3953kB time=00:00:04.93 bitrate=6557.7kbits/s
video:3950kB audio:0kB subtitle:0kB other streams:0kB global headers:0kB muxing overhead: 0.080847%
[libx264 @ 0x7fbc9400a000] frame I:1 Avg QP:25.46 size: 71679
[libx264 @ 0x7fbc9400a000] frame P:72 Avg QP:25.36 size: 40886
[libx264 @ 0x7fbc9400a000] frame B:77 Avg QP:27.53 size: 13357
[libx264 @ 0x7fbc9400a000] consecutive B-frames: 0.7% 89.3% 10.0% 0.0%
[libx264 @ 0x7fbc9400a000] mb I I16..4: 16.5% 80.0% 3.5%
[libx264 @ 0x7fbc9400a000] mb P I16..4: 5.3% 14.6% 0.6% P16..4: 41.1% 10.6% 3.0% 0.0% 0.0% skip:24.9%
[libx264 @ 0x7fbc9400a000] mb B I16..4: 0.4% 1.2% 0.0% B16..8: 32.7% 4.0% 0.7% direct: 2.8% skip:58.2% L0:36.3% L1:53.2% BI:10.5%
[libx264 @ 0x7fbc9400a000] 8x8 transform intra:71.7% inter:86.5%
[libx264 @ 0x7fbc9400a000] coded y,uvDC,uvAC intra: 52.7% 78.6% 18.2% inter: 14.1% 26.4% 0.4%
[libx264 @ 0x7fbc9400a000] i16 v,h,dc,p: 26% 18% 5% 51%
[libx264 @ 0x7fbc9400a000] i8 v,h,dc,ddl,ddr,vr,hd,vl,hu: 24% 13% 20% 4% 8% 12% 6% 8% 5%
[libx264 @ 0x7fbc9400a000] i4 v,h,dc,ddl,ddr,vr,hd,vl,hu: 28% 15% 12% 4% 14% 14% 7% 5% 2%
[libx264 @ 0x7fbc9400a000] i8c dc,h,v,p: 45% 12% 27% 16%
[libx264 @ 0x7fbc9400a000] Weighted P-Frames: Y:0.0% UV:0.0%
[libx264 @ 0x7fbc9400a000] ref P L0: 65.2% 18.5% 11.3% 5.0%
[libx264 @ 0x7fbc9400a000] ref B L0: 90.7% 9.1% 0.2%
[libx264 @ 0x7fbc9400a000] ref B L1: 99.1% 0.9%
[libx264 @ 0x7fbc9400a000] kb/s:6463.90 -
Join us at MatomoCamp 2024 world tour edition
13 novembre 2024, par Daniel Crough — UncategorizedJoin us at MatomoCamp 2024 world tour edition, our online conference dedicated to Matomo Analytics—the leading open-source web analytics platform that prioritises data privacy.
- 🗓️ Date : 14 November 2024
- 🌐 Format : 24-hour virtual conference accessible worldwide
- 💰 Cost : Free and no need to register
Event highlights
Opening ceremony
Begin the day with a welcome from Ronan Chardonneau, co-organiser of MatomoCamp and customer success manager at Matomo.
Keynote : “Matomo by its creator”
Attend a special session with Matthieu Aubry, the founder of Matomo Analytics. Learn about the platform’s evolution and future developments.
Explore MatomoCamp 2024’s diverse tracks and topics
MatomoCamp 2024 offers a wide range of topics across several tracks, including using Matomo, integration, digital analytics, privacy, plugin development, system administration, business, other free analytics, use cases, and workshops and panel talks.
Featured sessions
1. Using AI to fetch raw data with Python
Speaker : Ralph Conti
Time : 14 November, 12:00 PM UTCDiscover how to combine AI and Matomo’s API to create unique reporting solutions. Leverage Python for advanced data analysis and unlock new possibilities in your analytics workflow.
2. Supercharge Matomo event tracking with custom reports
Speaker : Thomas Steur
Time : 14 November, 2:00 PM UTCLearn how to enhance event tracking and simplify data analysis using Matomo’s custom reports feature. This session will help you unlock the full potential of your event data.
3. GDPR with AI and AI Act
Speaker : Stefanie Bauer
Time : 14 November, 4:00 PM UTCNavigate the complexities of data protection requirements for AI systems under GDPR. Explore the implications of the new AI Act and receive practical tips for compliance.
4. A new data mesh era !
Speaker : Jorge Powers
Time : 14 November, 4:00 PM UTCExplore how Matomo supports the data mesh approach, enabling decentralised data ownership and privacy-focused analytics. Learn how to empower teams to manage and analyse data without third-party reliance.
5. Why Matomo has to create a MTM server side : The future of data privacy and user tracking
Panel discussion
Time : 14 November, 6:00 PM UTCJoin experts in a discussion on the necessity of server-side tag management for enhanced privacy and compliance. Delve into the future of data privacy and user tracking.
6. Visualisation of Matomo data using external tools
Speaker : Leticia Rodríguez Morado
Time : 14 November, 8:00 PM UTCLearn how to create compelling dashboards using Grafana and Matomo data. Enhance your data visualisation skills and gain better insights.
7. Keep it simple : Tracking what matters with Matomo
Speaker : Scott Fillman
Time : 14 November, 9:00 PM UTCDiscover how to focus on essential metrics and simplify your analytics setup for more effective insights. Learn tactics for a powerful, streamlined Matomo configuration.
Stay connected
Stay updated with the latest news and announcements :
- Twitter : @MatomoCamp
- YouTube : @MatomoCamp
- Official website : matomocamp.org
Don’t miss out
MatomoCamp 2024 world tour edition is more than a conference ; it’s a global gathering shaping the future of ethical analytics. Whether you aim to enhance your skills, stay informed about industry trends, or network with professionals worldwide, this event offers valuable opportunities.
Syndiquer tout le site
