Recherche avancée
Autres articles (64)
-
Websites made with MediaSPIP
2 mai 2011, parThis page lists some websites based on MediaSPIP.
-
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 (...) -
HTML5 audio and video support
13 avril 2011, parMediaSPIP uses HTML5 video and audio tags to play multimedia files, taking advantage of the latest W3C innovations supported by modern browsers.
The MediaSPIP player used has been created specifically for MediaSPIP and can be easily adapted to fit in with a specific theme.
For older browsers the Flowplayer flash fallback is used.
MediaSPIP allows for media playback on major mobile platforms with the above (...)
Sur d’autres sites (9110)
-
Revision 34501 : Premier jet de la categorie statistique
16 janvier 2010, par eric@… — LogPremier jet de la categorie statistique
-
How can I display a multicast video stream in a React.js web application using FFmpeg and JavaScript ?
20 mai 2023, par OmriHalifaI'm working on a project where I'm sending video using the following FFmpeg command :

ffmpeg -f dshow -i video="HP Wide Vision HD Camera" -profile:v high -pix_fmt yuvj420p -level:v 4.1 -preset ultrafast -tune zerolatency -vcodec libx264 -r 10 -b:v 512k -s 640x360 -acodec aac -ac 2 -ab 32k -ar 44100 -f mpegts -flush_packets 0 udp://235.235.235.235:12345
My goal is to display the sent video using JavaScript and React. Is this possible, and how can it be accomplished ?

I tried using the video.js library, but I received the following error :

video.es.js:218 VIDEOJS: ERROR: (CODE:2 MEDIA_ERR_NETWORK) HLS playlist request error at URL: udp://235.235.235.235:12345.
This is the code I wrote :

import React, { useEffect, useRef } from "react";
import videojs from "video.js";

import "video.js/dist/video-js.css";

const VideoPlayer = () => {
 const videoRef = useRef(null);

 useEffect(() => {
 const videoElement = videoRef.current;
 const options = {
 techOrder: ["html5"],
 sources: [
 {
 src: "udp://235.235.235.235:12345",
 type: "application/x-mpegURL",
 },
 ],
 };

 const player = videojs(videoElement, options);

 return () => {
 if (player) {
 player.dispose();
 }
 };
 }, []);

 return (
 <div>
 <video ref="{videoRef}" classname="video-js vjs-default-skin"></video>
 </div>
 );
};

export default VideoPlayer;

import React from "react";
import VideoPlayer from "./VideoPlayer.js";

const App = () => {
 return (
 <div>
 <h1>Displaying Multicast Stream</h1>
 <videoplayer></videoplayer>
 </div>
 );
};

export default App;



Are there any other pre-built libraries available that I can use for this purpose ? If not, what alternatives or options might be available ? Thank you in advance !


-
Streaming audio from mac with ffmpeg to nginx and playback with videojs
15 juillet 2020, par Disco FeverI'm playing around trying to get to stream my Mac's sound to a webpage.


Here's what I have so far :


On the mac :


ffmpeg -f avfoundation -i ":2" -acodec libmp3lame -ab32k -ac 1 -f flv rtmp://myserver:8000/hls/live


On the nginx side :


events {
 worker_connections 1024;
}

rtmp {
 server {
 listen 8000;
 chunk_size 4000;
 application hls {
 live on;
 interleave on;
 hls on;
 hls_path /tmp/hls;
 }
 }
}

http {
 default_type application/octet-stream;
 sendfile off;
 tcp_nopush on;
 server {

 listen 8080;
 location /hls {
 add_header Cache-Control no-cache;
 types {
 application/vnd.apple.mpegurl m3u8;
 video/mp2t ts;
 }
 root /tmp;
 }
 }
}


Web side :





 
 

<code class="echappe-js"><script src="//vjs.zencdn.net/7.8.2/video.min.js"></script>







No matter what i do I can't get any sound (it's playing on the Mac 100% sure) ; i've tried also putting a video tag instead, i see the image but no sound. What's missing here ? Can this even be achieved ?


THanks


Syndiquer tout le site
