Recherche avancée
Médias (1)
-
Rennes Emotion Map 2010-11
19 octobre 2011, par
Mis à jour : Juillet 2013
Langue : français
Type : Texte
Autres articles (89)
-
Amélioration de la version de base
13 septembre 2013Jolie sélection multiple
Le plugin Chosen permet d’améliorer l’ergonomie des champs de sélection multiple. Voir les deux images suivantes pour comparer.
Il suffit pour cela d’activer le plugin Chosen (Configuration générale du site > Gestion des plugins), puis de configurer le plugin (Les squelettes > Chosen) en activant l’utilisation de Chosen dans le site public et en spécifiant les éléments de formulaires à améliorer, par exemple select[multiple] pour les listes à sélection multiple (...) -
Emballe médias : à quoi cela sert ?
4 février 2011, parCe plugin vise à gérer des sites de mise en ligne de documents de tous types.
Il crée des "médias", à savoir : un "média" est un article au sens SPIP créé automatiquement lors du téléversement d’un document qu’il soit audio, vidéo, image ou textuel ; un seul document ne peut être lié à un article dit "média" ; -
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 (...)
Sur d’autres sites (8095)
-
m3u8 playback issue with VLC player and ffmpeg [closed]
2 avril, par YUZI’m creating a timelapse video from a folder of images using FFmpeg, generating two HLS (m3u8) playlists : one at 1080p and another at 2K resolution. The playlists and
.tssegments appear to be generated correctly, but when I play them3u8files in media players like VLC or PotPlayer, the video does not play seamlessly. Instead, it plays in a segment-by-segment manner (e.g., it stops after each segment and doesn’t automatically continue to the next one). I expect the entire video to play continuously without interruptions. What could be the issue ?

I ran these commands on cmd :


for %i in (*.jpeg) do echo file '%cd%\%i' >> C:\Users\stitch_img\test\input_list.txt

ffmpeg -y -f concat -safe 0 -i "C:\Users\stitch_img\test\input_list.txt" -vf "scale=1920x1080" -c:v libx264 -r 16 -hls_time 4 -hls_playlist_type vod -hls_segment_filename "C:\Users\stitch_img\test\1080_video_%03d.ts" "C:\Users\stitch_img\test\1080_playlist.m3u8"

ffmpeg -y -f concat -safe 0 -i "C:\Users\stitch_img\test\input_list.txt" -vf 
"scale=2560x1440" -c:v libx264 -r 16 -hls_time 4 -hls_playlist_type vod -hls_segment_filename "C:\Users\stitch_img\test\2k_video_%03d.ts" "C:\Users\stitch_img\test\2k_playlist.m3u8"

echo #EXTM3U > "C:\Users\stitch_img\test\master_playlist.m3u8"
echo #EXT-X-STREAM-INF:BANDWIDTH=5000000,RESOLUTION=1920x1080 >> "C:\Users\stitch_img\test\master_playlist.m3u8"
echo 1080_playlist.m3u8 >> "C:\Users\stitch_img\test\master_playlist.m3u8"
echo #EXT-X-STREAM-INF:BANDWIDTH=8000000,RESOLUTION=2560x1440 >> "C:\Users\stitch_img\test\master_playlist.m3u8"
echo 2k_playlist.m3u8 >> "C:\Users\stitch_img\test\master_playlist.m3u8"


What I’ve Tried :


- 

-
Verified that the
.tsfiles are playable individually (e.g., opening1080p_000.tsin VLC works fine).

-
Ensured the
m3u8files are structured correctly with#EXT-X-ENDLIST(indicating a VOD playlist).

-
Used HTTP playback to rule out local path resolution issues, but the issue persists










m3u8 masters:

#EXTM3U
#EXT-X-STREAM-INF: BANDWIDTH=5000000, RESOLUTION=1920x1080 1080_playlist.m3u8
#EXT-X-STREAM-INF: BANDWIDTH=8000000, RESOLUTION=2560x1440 2k_playlist.m3u8


m3u8_2k:

#EXTM3U
#EXT-X-VERSION: 3
#EXT-X-TARGETDURATION: 4 
#EXT-X-MEDIA-SEQUENCE:0 
#EXT-X-PLAYLIST-TYPE: VOD
#EXTINF: 4.125000, 
2k_video_000.ts 
#EXTINF:3.312500,
2k_video_001.ts
#EXT-X-ENDLIST


m3u8_1080p:

#EXTM3U
#EXT-X-VERSION: 3
#EXT-X-TARGETDURATION: 4 
#EXT-X-MEDIA-SEQUENCE:0 
#EXT-X-PLAYLIST-TYPE: VOD
#EXTINF: 4.125000, 
1080_video_000.ts 
#EXTINF:3.312500,
1080_video_001.ts
#EXT-X-ENDLIST


-
-
Video player scroll doesn't work after ffmpeg audio and video merge (NodeJS)
1er novembre 2022, par Pietro LetoI made youtube downloader to download video from youtube using nodejs library ytdl-core. If I wanted to download video with best quality I had to download them without sound. So, in my script, I download audio and video separately and I merge them into an mp4 file.
What's the problem ? Video player scroll doesn't work. I can see the video but I can't going back or move on, and I can't see video duration.


const express = require("express");
const cors = require("cors");
const app = express();
const ffmpeg = require('ffmpeg-static');
const cp = require('child_process');
const ytdl = require("ytdl-core");

app.use(cors());

app.listen(3000, () => {
 console.log("Server is working at port 3000 !!");
});

app.get('/download', (req,res) => {
 var url = req.query.URL;
 var formato = req.query.FORMAT;

 try {
 let vid = ytdl(url,{filter:'videoonly', quality:'highestvideo'})
 let aud = ytdl(url, {filter: 'audioonly', quality:'highestaudio'});

 ytdl.getInfo(url).then(info => {
 titolo = info.videoDetails.title;

 res.header("Content-Disposition", 'attachment; filename=' + titolo + '.mp4');

 const ffmpegProcess = cp.spawn(ffmpeg, [
 '-i', `pipe:3`,
 '-i', `pipe:4`,
 '-map','0:v:0',
 '-map','1:a:0',
 '-c:v', 'copy',
 '-c:a', 'aac',
 '-crf','27',
 '-preset','veryfast',
 '-movflags','frag_keyframe+empty_moov',
 '-f','mp4',
 '-loglevel','error',
 '-'
 ], {
 stdio: [
 'pipe', 'pipe', 'pipe', 'pipe', 'pipe',
 ],
 });
 
 aud.pipe(ffmpegProcess.stdio[4]);
 vid.pipe(ffmpegProcess.stdio[3]);
 ffmpegProcess.stdio[1].pipe(res);
 });
 }
 catch(err) {
 console.log("Error with URL: " + url + "\nERROR: " + err + "\n\n");
 }
});


I have not found alternatives to do this. I need a working script to download youtube videos with good quality.


-
after restarting the page in the browser, the player stops loading
28 juillet 2024, par UximyI have a problem which is that when I start icecast server on ubuntu and not only on ubuntu but also on windows regardless of the operating system, when I first go to the radio station in icecast2 http://localhost:8000/radio the music plays but after restarting the page in the browser, the player stops loading, I tried the solution with nocache in the browser in the address bar, nothing helps, I looked at many users configs, they did not encounter such problems, I will leave my config below, I also wrote a code on nodejs I will also leave it below, the problem plays the same that if I go to a direct icecast link, what I will do through the node js code + ffmpeg, also about the logs, nothing outputs even a hint of any error that is related to this problem


Config IceCast :


<icecast>
 <location>Earth</location>
 <admin>icemaster@localhost</admin>
 <hostname>localhost</hostname>

 <limits>
 <clients>100</clients>
 <sources>10</sources>
 524288
 60
 30
 10
 1
 65536
 </limits>

 <authentication>
 hackme
 hackme
 admin
 hackme
 </authentication>

 
 <port>8000</port>
 0.0.0.0
 
 
 
 <port>8443</port>
 0.0.0.0
 <ssl>1</ssl>
 

 
 <header value="*"></header>
 <header value="Origin, X-Requested-With, Content-Type, Accept"></header>
 <header value="GET, POST, OPTIONS"></header>
 <header value="no-cache, no-store, must-revalidate"></header>
 <header value="no-cache"></header>
 <header value="0"></header>
 

 
 <mount type="normal">
 /radio
 <password>mypassword</password>
 <public>1</public>
 100
 Anime Vibes
 Anime Vibes
 <genre>various</genre>
 audio/ogg
 65536
 
 
 <header value="*"></header>
 <header value="Origin, X-Requested-With, Content-Type, Accept"></header>
 <header value="GET, POST, OPTIONS"></header>
 <header value="no-cache, no-store, must-revalidate"></header>
 <header value="no-cache"></header>
 <header value="0"></header>
 
 </mount>

 <fileserve>1</fileserve>

 <paths>
 <logdir>/var/log/icecast2</logdir>
 <webroot>/etc/icecast2/web</webroot>
 <adminroot>/etc/icecast2/admin</adminroot>
 
 <alias source="/" destination="/status.xsl"></alias>
 
 /etc/icecast2/cert/icecast.pem
 
 </paths>

 <logging>
 <accesslog>access.log</accesslog>
 <errorlog>error.log</errorlog>
 <playlistlog>playlist.log</playlistlog>
 <loglevel>1</loglevel> 
 <logsize>10000</logsize> 
 <logarchive>1</logarchive>
 </logging>
</icecast>


Code Node.js :


const express = require('express');
const { spawn } = require('child_process');
const path = require('path');
const fs = require('fs');
const https = require('https');
const app = express();
const port = 3000;

const privateKey = fs.readFileSync('./cert/privateKey.key', 'utf8');
const certificate = fs.readFileSync('./cert/certificate.crt', 'utf8');

const credentials = {
 key: privateKey,
 cert: certificate
};

app.use(express.static(path.join(__dirname)));

// Check if playlist file exists
const playlistPath = path.join(__dirname, 'playlist.txt');
if (!fs.existsSync(playlistPath)) {
 console.error('Playlist file does not exist');
 process.exit(1);
}

console.log(`Playlist path: ${playlistPath}`);

// Start FFmpeg process to create continuous stream from playlist
const ffmpegProcess = spawn('ffmpeg', [
 '-re',
 '-f', 'concat',
 '-safe', '0',
 '-protocol_whitelist', 'file,http,https,tcp,tls',
 '-i', playlistPath,
 '-c:a', 'libvorbis',
 '-f', 'ogg',
 '-tls', '1',
 'icecast://source:mypassword@localhost:8443/radio'
]);

ffmpegProcess.stdout.on('data', (data) => {
 console.log(`FFmpeg stdout: ${data}`);
});

ffmpegProcess.stderr.on('data', (data) => {
 console.error(`FFmpeg stderr: ${data}`);
});

ffmpegProcess.on('close', (code) => {
 console.log(`FFmpeg process exited with code ${code}`);
});

app.get('/radio', (req, res) => {
 res.setHeader('Content-Type', 'audio/ogg');
 res.setHeader('Transfer-Encoding', 'chunked');

 const requestOptions = {
 hostname: 'localhost',
 port: 8443,
 path: '/radio',
 method: 'GET',
 headers: {
 'Accept': 'audio/ogg'
 },
 rejectUnauthorized: false
 };

 const request = https.request(requestOptions, (response) => {
 response.pipe(res);

 response.on('end', () => {
 res.end();
 });
 });

 request.on('error', (err) => {
 console.error(`Request error: ${err.message}`);
 res.status(500).send('Internal Server Error');
 });

 request.end();
});
https.globalAgent.options.ca = [certificate];
// Create HTTPS server
const httpsServer = https.createServer(credentials, app);

httpsServer.listen(port, () => {
 console.log(`Server is running at https://localhost:${port}`);
});


I hope for your help and any advice, thanks in advance


Syndiquer tout le site
