
Recherche avancée
Autres articles (54)
-
Support audio et vidéo HTML5
10 avril 2011MediaSPIP utilise les balises HTML5 video et audio pour la lecture de documents multimedia en profitant des dernières innovations du W3C supportées par les navigateurs modernes.
Pour les navigateurs plus anciens, le lecteur flash Flowplayer est utilisé.
Le lecteur HTML5 utilisé a été spécifiquement créé pour MediaSPIP : il est complètement modifiable graphiquement pour correspondre à un thème choisi.
Ces technologies permettent de distribuer vidéo et son à la fois sur des ordinateurs conventionnels (...) -
De l’upload à la vidéo finale [version standalone]
31 janvier 2010, parLe chemin d’un document audio ou vidéo dans SPIPMotion est divisé en trois étapes distinctes.
Upload et récupération d’informations de la vidéo source
Dans un premier temps, il est nécessaire de créer un article SPIP et de lui joindre le document vidéo "source".
Au moment où ce document est joint à l’article, deux actions supplémentaires au comportement normal sont exécutées : La récupération des informations techniques des flux audio et video du fichier ; La génération d’une vignette : extraction d’une (...) -
Librairies et binaires spécifiques au traitement vidéo et sonore
31 janvier 2010, parLes logiciels et librairies suivantes sont utilisées par SPIPmotion d’une manière ou d’une autre.
Binaires obligatoires FFMpeg : encodeur principal, permet de transcoder presque tous les types de fichiers vidéo et sonores dans les formats lisibles sur Internet. CF ce tutoriel pour son installation ; Oggz-tools : outils d’inspection de fichiers ogg ; Mediainfo : récupération d’informations depuis la plupart des formats vidéos et sonores ;
Binaires complémentaires et facultatifs flvtool2 : (...)
Sur d’autres sites (7916)
-
Problem to convert Mp4 to MPEG DASH with FFMPEG codec Vp9 in linux
4 mars 2020, par Sean Pribadii need to convert mp4 to mpeg Dash and stream .Mpd with dash.js. everything looks fine on windows, but there are trouble when i generate Mpd in linux.
Step by step in windows :
1. runffmpeg -y -i video.mp4 -map 0:0 -map 0:0 -map 0:1 -c:v libvpx-vp9 -b:v:0 800k -b:v:1 200k -s:v:1 320x170 -bf 1 -keyint_min 120 -g 120 -sc_threshold 0 -b_strategy 0 -use_timeline 1 -use_template 1 -adaptation_sets "id=0,streams=v id=1,streams=a" -f dash config.mpd
- stream config.mpd, init, and chunk file with dash.js player.
everything work when i run ffmpeg on windows
when i ran on linux :
1. runffmpeg -y -i video.mp4 -map 0:0 -map 0:0 -map 0:1 -c:v libvpx-vp9 -b:v:0 800k -b:v:1 200k -s:v:1 320x170 -bf 1 -keyint_min 120 -g 120 -sc_threshold 0 -b_strategy 0 -use_timeline 1 -use_template 1 -adaptation_sets "id=0,streams=v id=1,streams=a" -f dash config.mpd
no error and everything looks good. But when i stream with dash.js.
- stream with dash.js player
when i stream config.mpd with dash.js player, there are infinity request enter image description here
what i have tried :
1. change init-stream build by linux with init-stream build by windows [Work]
2. change codec to libx264 [also work in linux]the problem is just convert video to MPEG dash with webm codec (vp8/Vp9) in linux
- stream config.mpd, init, and chunk file with dash.js player.
-
Enable Quality Selector Control in Angular Using Video.js
3 février, par Abhay SinghI am using Video.js in an Angular 19.1.3 application, with version 8.21.0 of Video.js. I have successfully set up an HLS stream using a master index.m3u8 file, and the player automatically switches to lower quality segments when the network is slow, and to higher quality when the network is good. This part works as expected.


However, I would like to add a manual quality selection option to allow users to choose the video quality themselves. Despite trying several plugins (such as videojs-hls-quality-selector and videojs-contrib-quality-levels), I haven't been able to get it working.


Can anyone guide me on how to implement this feature in Video.js, ensuring that the quality selector is available for manual selection ?


Below is my Components code -


import {AfterViewInit, Component} from '@angular/core';
import videojs from 'video.js';
import '@videojs/http-streaming';
import 'video.js/dist/video-js.css';

@Component({
 selector: 'app-home',
 imports: [],
 templateUrl: './home.component.html',
 styleUrl: './home.component.css'
})
export class HomeComponent implements AfterViewInit {
 
 ngAfterViewInit(): void {
 const player = videojs('my-video', {
 autoplay: false,
 controls: true,
 preload: 'auto',
 fluid: true,
 aspectRatio: '16:9',
 })
 
 }
}



Below is my HTML code -


<video class="video-js vjs-default-skin" controls="controls">
 <source src="https://localhost:7063/videos/no1lvswh.zdw.mkv/index.m3u8" type="application/x-mpegURL">
 </source></video> 



-
ffmpeg play raw h264 stream, dts/pts problem
29 mars 2019, par LoganMiaI need to use ffmpeg to play the raw h264 stream, but there is no dts/pts inside, there is a timestamp
void h264_decode(void *h264_buffer, int buflen, double timestamp) {
...
AVStream * st = ic->streams[pkt->stream_index]; //video stream
double duration_s = av_q2d(st->time_base);
double duration = duration_s / av_q2d(st->time_base);
pkt_ts = pkt->dts = pkt->pts = frame_index * duration; // no B frame
...
}But the playback speed is too slow,
How can I use timestamp to set pts/dts correctly ?
Thanks .