
Recherche avancée
Médias (1)
-
GetID3 - Bloc informations de fichiers
9 avril 2013, par
Mis à jour : Mai 2013
Langue : français
Type : Image
Autres articles (90)
-
Personnaliser en ajoutant son logo, sa bannière ou son image de fond
5 septembre 2013, parCertains thèmes prennent en compte trois éléments de personnalisation : l’ajout d’un logo ; l’ajout d’une bannière l’ajout d’une image de fond ;
-
Mediabox : ouvrir les images dans l’espace maximal pour l’utilisateur
8 février 2011, parLa visualisation des images est restreinte par la largeur accordée par le design du site (dépendant du thème utilisé). Elles sont donc visibles sous un format réduit. Afin de profiter de l’ensemble de la place disponible sur l’écran de l’utilisateur, il est possible d’ajouter une fonctionnalité d’affichage de l’image dans une boite multimedia apparaissant au dessus du reste du contenu.
Pour ce faire il est nécessaire d’installer le plugin "Mediabox".
Configuration de la boite multimédia
Dès (...) -
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
Sur d’autres sites (8477)
-
Merge commit ’00b62968d079e63bf22028f253ac297292436ebe’
2 novembre 2015, par Hendrik Leppkes -
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 ?
-
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>