
Recherche avancée
Autres articles (65)
-
Publier sur MédiaSpip
13 juin 2013Puis-je poster des contenus à partir d’une tablette Ipad ?
Oui, si votre Médiaspip installé est à la version 0.2 ou supérieure. Contacter au besoin l’administrateur de votre MédiaSpip pour le savoir -
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 (...) -
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 (8795)
-
ffmpeg, we reported the error of av_interleaved_write_frame() : End of fileB Error writing trailer of rtmps ://live-api-s.facebook.com:443/rtmp/*
21 octobre 2022, par yong zhangWe want to implement such a small function, using webrtc technology on the web side to push the stream to the webrtc service of SRS, and then push the rtmp stream of SRS to the go live of facebook through ffmpeg to push the live broadcast. But we encountered a problem. When we forwarded and pushed the stream with ffmpeg, we reported the error of av_interleaved_write_frame() : End of fileB Error writing trailer of rtmps ://live-api-s.facebook.com:443/rtmp/. Please help and guide the heroes to see where the problem may occur.
The command we executed is : ./ffmpeg -threads 2 -thread_queue_size 9512 -re -i "rtmp ://xxx.xxx.xxx:1935/live/" -max_muxing_queue_size 1024 -force_key_frames "expr:gte (t,n_forced2)" -vf crop=in_w:in_w9/16,scale=1280:720 -reorder_queue_size 4000 -max_delay 10000000 -c:v libx264 -preset veryfast -b:v 3000k -maxrate 1500k -bufsize 4000k -g 50 -c:a aac -ac 2 -ar 48000 -f flv -r 30 -flvflags no_duration_filesize "rtmps ://live-api-s.facebook.com:443/rtmp/"
The ffmpeg version is : 4.13 and above all the same error.
SRS version : 5.56


-
How can upload audio on dropbox after converted it from the video format using ffmpeg in nodejs and angular
21 septembre 2021, par Amir Shahzadnodejs server side code


This is my nodejs server side where i want to convert the video into the audio format and then want to upload the converted audio on the dropbox is there any way to do that ??


const express = require('express'),
path = require('path'),
cors = require('cors'),
ffmpeg = require('fluent-ffmpeg'),
fs = require("fs"),
access_token = "My-Access-Token";

ffmpeg.setFfmpegPath('/usr/bin/ffmpeg');

const app = express();
app.use(cors());
app.use(express.json());
app.use(express.urlencoded({
 extended: false
}));


app.post('/api/upload', upload.single('mp4'), function (req, res) {
 if (!req.file) {
 console.log("No file is available!");
 return res.send({
 success: false
 });

 } else {
 function convert(input, output, callback) {
 ffmpeg(input)
 .output(output)
 .on('end', function() { 
 console.log('conversion ended');
 callback(null);
 }).on('error', function(err){
 console.log('error: ', err);
 callback(err);
 }).run();
 }
 const filepath = req.file.path;
 var content = fs.readFileSync(filepath);

 options = {
 method: "POST",
 url: 'https://content.dropboxapi.com/2/files/upload',
 headers: {
 "Content-Type": "text/plain; charset=dropbox-cors-hack" ,
 "Authorization": "Bearer " + access_token,
 "Dropbox-API-Arg": "{\"path\": \"/youtube- 
 radio/"+req.file.originalname+"\",\"mode\": \"overwrite\",\"autorename\": 
 true,\"mute\": false}",
 },
 body:content
};
convert(filepath, options+'.mp3', function(err,res, body){
 if(!err) {
 console.log('File Name is',req.file.originalname);
 console.log('File Path Is = ',req.file.path)
 console.log('conversion complete'); 
 console.log('ERR', err);
 }
});
console.log('File is available!');
return res.send({
 success: true
})
}
 });


 const PORT = process.env.PORT || 8080;
 const server = app.listen(PORT, () => {
 console.log('Connected to port ' + PORT)
 })



i have read many documentations of dropbox and ffmpeg and angular file upload but i could not understand Please anyone can resolve my code Thanks in advance


This is my typescript file


import { Component, OnInit } from '@angular/core';
import { FileUploader } from 'ng2-file-upload';
import { ToastrService } from 'ngx-toastr';
import { Track } from 'ngx-audio-player'; 
import { PlayerServiceService } from './services/player-service.service';


const URL = 'http://localhost:8080/api/upload';

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{

public uploader: FileUploader = new FileUploader({
 url: URL,
 itemAlias: 'mp4'
});
 constructor(private toastr: ToastrService,
 private playerService: PlayerServiceService) { }

 ngOnInit(): void {
 this.uploader.onAfterAddingFile = (file) => {
 file.withCredentials = false;
 };
 this.uploader.onCompleteItem = (item: any, status: any) => {
 console.log('Uploaded File Details:', item);
 this.toastr.success('File successfully uploaded!');
 };

}
}



This is html code


<div class="container mt-5">
 <div class="file-upload">
 <input type="file" ng2fileselect="ng2fileselect" />
 <button type="button" class="btn btn-info">
 Upload
 </button>
 </div>
</div>



-
ffmpeg : i cant make tee working for restreaming
24 avril 2018, par Jorge VértizI’ve been trying to overlay an image on a rtmp stream and resend it to Facebook Live and Twitch, using a nginx with a rtmp module and ffmpe. I have used this code for each service :
ffmpeg -i rtmp://localhost/app/streamkey -i logo.png -filter_complex "[0:v][1:v] overlay=0:0" -c:v libx264 -preset veryfast -bufsize 4000k -c:a aac -b:a 160k -ar 44100 -f flv rtmp://live-api.facebook.com:80/rtmp/streamkey;
I have one command for Facebook Live and another for Twitch, but it consumes much hardware, so looking around I found a work around using tee seudo-mixer :
ffmpeg -i rtmp://localhost/app/streamkey -i logo.png -filter_complex "[0:v][1:v]overlay=10:10" -c:v libx264 -preset veryfast -bufsize 4000k -c:a aac -b:a 160k -ar 44100 -f tee "[f=flv]rtmp://live-api.facebook.com:80/rtmp/streamkey|[f=flv]rtmp://live-jfk.twitch.tv/app/streamkey"
It works fine with Facebook Live, but when Twitch starts the live streaming there is no image, only a black screen.
What am I doing wrong, and how do I get this stream working ?