Recherche avancée
Autres articles (38)
-
Les vidéos
21 avril 2011, parComme les documents de type "audio", Mediaspip affiche dans la mesure du possible les vidéos grâce à la balise html5 .
Un des inconvénients de cette balise est qu’elle n’est pas reconnue correctement par certains navigateurs (Internet Explorer pour ne pas le nommer) et que chaque navigateur ne gère en natif que certains formats de vidéos.
Son avantage principal quant à lui est de bénéficier de la prise en charge native de vidéos dans les navigateur et donc de se passer de l’utilisation de Flash et (...) -
Les autorisations surchargées par les plugins
27 avril 2010, parMediaspip core
autoriser_auteur_modifier() afin que les visiteurs soient capables de modifier leurs informations sur la page d’auteurs -
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 (2493)
-
How to stream a screen sharing through a server
27 mai 2020, par MoazI'm trying to write an application that captures the screen of the client device and streams it (using
ffmpeg) to anode-media-serverwhich publishes it as an HLS stream. The stream is then viewed with an HLS player on a web browser (in my approach I used video.js)


What I did so far :



- 

- I created a node media server using the default configurations to Remux to HLS live stream in a file called
app.js:







const NodeMediaServer = require('node-media-server');

const config = {
 rtmp: {
 port: 1935,
 chunk_size: 60000,
 gop_cache: true,
 ping: 30,
 ping_timeout: 60
 },
 http: {
 port: 8000,
 mediaroot: './media',
 allow_origin: '*'
 },
 trans: {
 ffmpeg: '/usr/local/bin/ffmpeg',
 tasks: [
 {
 app: 'live',
 hls: true,
 hlsFlags: '[hls_time=2:hls_list_size=3:hls_flags=delete_segments]',
 dash: true,
 dashFlags: '[f=dash:window_size=3:extra_window_size=5]'
 }
 ]
 }
};

var nms = new NodeMediaServer(config)
nms.run();







- 

- I ran it with the command
node app.js - After installing
ffmpegand figuring out which video and audio source I wanted to stream from, I started streaming by running the command :







ffmpeg -f avfoundation -framerate 30 -i "1:1" -c:v libx264 -preset superfast -tune zerolatency -c:a aac -ar 44100 -f flv rtmp://localhost/live/STREAM_NAME


- 

- I prepared a simple html page which uses the video.js player to play the HLS stream :








 



 <h1>Video.js Example Embed</h1>

 
 <p class="vjs-no-js">
 To view this video please enable JavaScript, and consider upgrading to a
 web browser that
 <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video
 </a></p>
 
 
 <code class="echappe-js"><script src="https://vjs.zencdn.net/7.8.2/video.js"></script>
<script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
 
<script>&#xD;&#xA; var player = videojs(&#x27;my_video_1&#x27;);&#xD;&#xA; player.src([{&#xD;&#xA; "type":"application/x-mpegURL",&#xD;&#xA; "src":"http://localhost:8000/live/STREAM_NAME/index.m3u8"&#xD;&#xA; }]);&#xD;&#xA; player.play();&#xD;&#xA; </script>








- 

- then I ran an http server and served this html page to prevent and origin access errors.
- when opening this html page the stream works well in Chrome (v83.0.4103.61)







BUT :



- 

-
In Firefox Developer Edition (v76.0b8 (64-bit)) the player hangs on loading and nothing is shown. It keeps loading the HLS manifest file and the .ts files but the video is not showing :

-
In Safari (v13.1) on MacOS the player never loads correctly and the following errors are printed :








I tried another video player (flv.js) which workes with http-flv streams using the following basic html page :









 <video controls="controls" autoplay="autoplay" muted="muted" width="640" height="268"></video>

 <code class="echappe-js"><script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>
<script>&#xD;&#xA; if (flvjs.isSupported()) {&#xD;&#xA; var videoElement = document.getElementById(&#x27;flvPlayer&#x27;);&#xD;&#xA; var flvPlayer = flvjs.createPlayer({&#xD;&#xA; type: &#x27;flv&#x27;,&#xD;&#xA; "isLive": true,&#xD;&#xA; url: &#x27;http://localhost:8000/live/STREAM_NAME.flv&#x27;&#xD;&#xA; });&#xD;&#xA; flvPlayer.attachMediaElement(videoElement);&#xD;&#xA; flvPlayer.load();&#xD;&#xA; flvPlayer.play();&#xD;&#xA; }&#xD;&#xA; </script>









- 

- It worked as expected in Chrome





BUT :



- 

-
On Firefox it plays an empty video with some noise showing the following warnings :

-
And on Safari it doesn't play at all and shows the following error : 








I also tried the same steps on IE11 and on Edge and it also didn't work (Unfortunately, I don't have any screenshots)



So my questions are : what am I doing wrong ? why didn't each approach work ? and are there other/better approaches that I can also try which helps achiving the same goal (preferably something free/open source with as least latency as possible)


- I created a node media server using the default configurations to Remux to HLS live stream in a file called
-
ffmpeg/ffprobe different outputs for file input and binary data input
6 juin 2020, par SMBHWhat I have done :



video_file = 'Y001BAQ9k3SU-140.mp4'
with open(video_file, 'rb') as fid:
 binary_data = fid.read()

vinfo = ffprobe_binary(binary_data)['video']
vinfo2 = skvideo.io.ffprobe(video_file)['video']
print(vinfo)
print(vinfo2)
exit()



The
ffprobe_binaryis just a piped version of ffprobe :


command = ['ffprobe', "-v", "error", "-show_streams", "-print_format", "xml", "-i", "pipe:"]



The vinfo and vinfo2 are different :



OrderedDict([('@index', '0'), ('@codec_name', 'h264'), ('@codec_long_name', 'H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10'), ('@codec_type', 'video'), ('@codec_time_base', '1001/60000'), ('@codec_tag_string', 'avc1'), ('@codec_tag', '0x31637661'), ('@width', '1280'), ('@height', '720'), ('@coded_width', '1280'), ('@coded_height', '720'), ('@has_b_frames', '0'), ('@sample_aspect_ratio', '1:1'), ('@display_aspect_ratio', '16:9'), ('@level', '-99'), ('@chroma_location', 'left'), ('@refs', '1'), ('@is_avc', 'true'), ('@nal_length_size', '4'), ('@r_frame_rate', '30000/1001'), ('@avg_frame_rate', '30000/1001'), ('@time_base', '1/90000'), ('@duration_ts', '1012050'), ('@duration', '11.245000'), ('@bit_rate', '1041887'), ('@nb_frames', '337'), ('disposition', OrderedDict([('@default', '1'), ('@dub', '0'), ('@original', '0'), ('@comment', '0'), ('@lyrics', '0'), ('@karaoke', '0'), ('@forced', '0'), ('@hearing_impaired', '0'), ('@visual_impaired', '0'), ('@clean_effects', '0'), ('@attached_pic', '0'), ('@timed_thumbnails', '0')])), ('tag', [OrderedDict([('@key', 'language'), ('@value', 'und')]), OrderedDict([('@key', 'handler_name'), ('@value', 'ISO Media file produced by Google Inc. Created on: 12/09/2017.')])])])



OrderedDict([('@index', '0'), ('@codec_name', 'h264'), ('@codec_long_name', 'H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10'), ('@profile', 'Main'), ('@codec_type', 'video'), ('@codec_time_base', '1001/60000'), ('@codec_tag_string', 'avc1'), ('@codec_tag', '0x31637661'), ('@width', '1280'), ('@height', '720'), ('@coded_width', '1280'), ('@coded_height', '720'), ('@has_b_frames', '1'), ('@sample_aspect_ratio', '1:1'), ('@display_aspect_ratio', '16:9'), ('@pix_fmt', 'yuv420p'), ('@level', '31'), ('@color_range', 'tv'), ('@color_space', 'bt709'), ('@color_transfer', 'bt709'), ('@color_primaries', 'bt709'), ('@chroma_location', 'left'), ('@refs', '1'), ('@is_avc', 'true'), ('@nal_length_size', '4'), ('@r_frame_rate', '30000/1001'), ('@avg_frame_rate', '30000/1001'), ('@time_base', '1/90000'), ('@start_pts', '3780'), ('@start_time', '0.042000'), ('@duration_ts', '1015830'), ('@duration', '11.287000'), ('@bit_rate', '1041887'), ('@bits_per_raw_sample', '8'), ('@nb_frames', '337'), ('disposition', OrderedDict([('@default', '1'), ('@dub', '0'), ('@original', '0'), ('@comment', '0'), ('@lyrics', '0'), ('@karaoke', '0'), ('@forced', '0'), ('@hearing_impaired', '0'), ('@visual_impaired', '0'), ('@clean_effects', '0'), ('@attached_pic', '0'), ('@timed_thumbnails', '0')])), ('tag', [OrderedDict([('@key', 'language'), ('@value', 'und')]), OrderedDict([('@key', 'handler_name'), ('@value', 'ISO Media file produced by Google Inc. Created on: 12/09/2017.')])])])



What matters the most for me is that piped ffprobe lost the
pix_fmtinfo and the duration info is also not consistent.


However, if I resave the
binary_datato mp4 format. Then it still can produce the same output.


Anyone know how to avoid this ?


-
Live streaming Rmtp node-media-server real server not creating video files but wont fail (OBS)
3 octobre 2020, par OrgilI have made a live streaming server with node-media-server and it works well in local but when i put it on a real server (ubuntu, nginx) its just creating the folder but not creating video files and no errors given OBS the streaming sofware not failing. is it something to do with ffmpeg ? maybe needed packages didnt install or ? idk whats going on :D


Cofig of node-media-server :


rtmp_server: {
 rtmp: {
 port: 1935,
 chunk_size: 60000,
 gop_cache: false,
 ping: 60,
 ping_timeout: 30
 },
 http: {
 port: 8088,
 mediaroot: '/home/ubuntu/projects/amjilt_media/media',
 allow_origin: '*'
 },
 trans: {
 ffmpeg: '/usr/bin/ffmpeg',
 // ffmpeg: 'C:/Users/User/Desktop/ffmpeg/bin/ffmpeg.exe',
 tasks: [
 {
 app: 'live',
 hls: true,
 hlsFlags: '[hls_time=2:hls_list_size=3:hls_flags=delete_segments]',
 dash: true,
 dashFlags: '[f=dash:window_size=3:extra_window_size=5]'
 }
 ]
 }
}


Syndiquer tout le site
