Recherche avancée

Médias (91)

Autres articles (47)

  • La file d’attente de SPIPmotion

    28 novembre 2010, par

    Une file d’attente stockée dans la base de donnée
    Lors de son installation, SPIPmotion crée une nouvelle table dans la base de donnée intitulée spip_spipmotion_attentes.
    Cette nouvelle table est constituée des champs suivants : id_spipmotion_attente, l’identifiant numérique unique de la tâche à traiter ; id_document, l’identifiant numérique du document original à encoder ; id_objet l’identifiant unique de l’objet auquel le document encodé devra être attaché automatiquement ; objet, le type d’objet auquel (...)

  • Menus personnalisés

    14 novembre 2010, par

    MediaSPIP utilise le plugin Menus pour gérer plusieurs menus configurables pour la navigation.
    Cela permet de laisser aux administrateurs de canaux la possibilité de configurer finement ces menus.
    Menus créés à l’initialisation du site
    Par défaut trois menus sont créés automatiquement à l’initialisation du site : Le menu principal ; Identifiant : barrenav ; Ce menu s’insère en général en haut de la page après le bloc d’entête, son identifiant le rend compatible avec les squelettes basés sur Zpip ; (...)

  • Publier sur MédiaSpip

    13 juin 2013

    Puis-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 (6266)

  • Convert video into mp3 format using ffmpeg in nodejs and angular and then save converted audio into the database(mongodb)

    6 septembre 2021, par Amir Shahzad

    This is nodejs server side file

    


    const express = require('express');
const ffmpeg  = require('fluent-ffmpeg');
const fileUpload = require('express-fileupload');
const mongoose = require('mongoose');
const cors   = require('cors')
const app = express();
const Video = require('./models/video');
mongoose.connect('mongodb://localhost:27017/YoutubeApp', {
    useNewUrlParser: true,
    useUnifiedTopology: true,
});
const db = mongoose.connection;
db.on('error', console.error.bind(console, 'connection error'));
db.once('open', () => {
   console.log('Data Base Connected Successfully!');
});

app.use(fileUpload({
   useTempFiles: true,
   tempFileDir: 'temp/'
}));
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.use(cors({ origin: 'http://localhost:4200' }));


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

app.post('/mp4tomp3', (req, res) => {
  convertdata = req.body;
  console.log('path of innput is', req.body);
  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.code, err.msg);
              callback(err);
           }).run();
      }
     convert(convertdata, './temp/output.mp3', function(err){
        if(!err) {
          console.log('conversion complete');

 
     }
 })

 app.listen(3000, () => {
    console.log('Server Start On Port 3000')
 })


    


    In Convert function i not know how i can get input by the user i'm new in angular Please anyone can solve this out thanks in advance

    


    This is video model file

    


    const mongoose = require("mongoose");
const Schema = mongoose.Schema;

const videoSchema = new Schema({
    mp4: String,
});
module.exports = mongoose.model("Videos", videoSchema);


    


    **This is Typescript code in angular client side that handle user input and select video **

    


    import { ThrowStmt } from '@angular/compiler';
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { VideoConversionService } from 'src/services/video-conversion.service';

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

   submitted =false;
   form! : FormGroup
   data:any

   constructor(private formBuilder: FormBuilder,
       private videoService: VideoConversionService){}

   creatForm(){
    this.form = this.formBuilder.group({
    mp4: ['', Validators.required],
  });
  }
   ngOnInit(): void {
   this.creatForm();

  }


  convertVideo(){
    this.submitted = true
    this.videoService.conversion(this.form.value).subscribe(res => {
    this.data = res;
 })
 }

 }


    


    I do not know how to create logic to do that (convert video into audio using angular framework)

    


    This is app.component.html file where i want to get video from the user using input field

    


    <div class="container">&#xA;   <h1>Video Proccessing App</h1>&#xA;   <form>&#xA;     <input type="file" formcontrolname="mp4" />&#xA;     <input type="submit" value="Convert" />&#xA;  </form>&#xA;</div>&#xA;

    &#xA;

    &#xA;

    But my code is not working and video is not converting into audio

    &#xA;

    This is my video service file where i calling nodejs api to perform the task

    &#xA;

    import { Injectable } from &#x27;@angular/core&#x27;;&#xA;import { HttpClient  } from &#x27;@angular/common/http&#x27;;&#xA;@Injectable({&#xA;   providedIn: &#x27;root&#x27;&#xA;})&#xA;export class VideoConversionService {&#xA;&#xA;constructor(private httpClient: HttpClient) { }&#xA;&#xA;conversion(data: any){&#xA;   return this.httpClient.post(&#x27;http://localhost:3000/mp4tomp3&#x27;, data)&#xA;}&#xA;}&#xA;

    &#xA;

    Please anyone can solve my problem Thanks in advance

    &#xA;

  • Convert video into mp3 using ffmpeg in angular and nodejs and saving audio into the database

    2 septembre 2021, par Amir Shahzad

    This is nodejs server side code

    &#xA;

    const express = require(&#x27;express&#x27;);&#xA;const ffmpeg  = require(&#x27;fluent-ffmpeg&#x27;);&#xA;const fileUpload = require(&#x27;express-fileupload&#x27;);&#xA;const mongoose = require(&#x27;mongoose&#x27;);&#xA;const cors   = require(&#x27;cors&#x27;)&#xA;const app = express();&#xA;const Video = require(&#x27;./models/video&#x27;);&#xA;mongoose.connect(&#x27;mongodb://localhost:27017/YoutubeApp&#x27;, {&#xA;    useNewUrlParser: true,&#xA;    useUnifiedTopology: true,&#xA;});&#xA;const db = mongoose.connection;&#xA;db.on(&#x27;error&#x27;, console.error.bind(console, &#x27;connection error&#x27;));&#xA;db.once(&#x27;open&#x27;, () => {&#xA;   console.log(&#x27;Data Base Connected Successfully!&#x27;);&#xA;});&#xA;&#xA;app.use(fileUpload({&#xA;   useTempFiles: true,&#xA;   tempFileDir: &#x27;temp/&#x27;&#xA;}));&#xA;app.use(express.json());&#xA;app.use(express.urlencoded({ extended: true }));&#xA;app.use(cors({ origin: &#x27;http://localhost:4200&#x27; }));&#xA;&#xA;&#xA;ffmpeg.setFfmpegPath(&#x27;/usr/bin/ffmpeg&#x27;);&#xA;&#xA;app.post(&#x27;/mp4tomp3&#x27;, (req, res) => {&#xA;const data = new Video({&#xA;     mp4: req.body.mp4&#xA;});&#xA;res.contentType(&#x27;video/avi&#x27;);&#xA;res.attachment(&#x27;output.mp3&#x27;);&#xA;req.files.mp4val.mv("temp/" &#x2B; req.body, function(err) {&#xA;    if(err){&#xA;        res.sendStatus(500).send(err)&#xA;    }else{&#xA;        console.log("Fiel Uploaded Successfully.!");&#xA;    }&#xA;});&#xA;// Convertin Mp4 To Avi&#xA;ffmpeg(&#x27;temp/&#x27; &#x2B; req.files.mp4val.mp4)&#xA;.toFormat(&#x27;mp3&#x27;)&#xA;.on(&#x27;end&#x27;, function() {&#xA;    console.log(&#x27;Done&#x27;);&#xA;})&#xA;.on(&#x27;error&#x27;, function(err){&#xA;    console.log(&#x27;An Error Occured&#x27; &#x2B; err.message)&#xA;})&#xA; .pipe(res, {end: true})&#xA; })&#xA;&#xA; app.listen(3000, () => {&#xA;    console.log(&#x27;Server Start On Port 3000&#x27;)&#xA; })&#xA;

    &#xA;

    Here i want to get input from the user with input tag and then want to convert video into audio and save into the database but i not know how i can do this

    &#xA;

    This is video model file

    &#xA;

    const mongoose = require("mongoose");&#xA;const Schema = mongoose.Schema;&#xA;&#xA;const videoSchema = new Schema({&#xA;    mp4: String,&#xA;});&#xA;module.exports = mongoose.model("Videos", videoSchema);&#xA;

    &#xA;

    This is Typescript code in angular client side where i want to create logic to convert video into audio from the server side code

    &#xA;

    import { ThrowStmt } from &#x27;@angular/compiler&#x27;;&#xA;import { Component, OnInit } from &#x27;@angular/core&#x27;;&#xA;import { FormBuilder, FormGroup, Validators } from &#x27;@angular/forms&#x27;;&#xA;import { VideoConversionService } from &#x27;src/services/video-conversion.service&#x27;;&#xA;&#xA;@Component({&#xA;  selector: &#x27;app-root&#x27;,&#xA;  templateUrl: &#x27;./app.component.html&#x27;,&#xA;  styleUrls: [&#x27;./app.component.css&#x27;]&#xA;})&#xA;export class AppComponent implements OnInit {&#xA;&#xA;   submitted =false;&#xA;   form! : FormGroup&#xA;   data:any&#xA;&#xA;   constructor(private formBuilder: FormBuilder,&#xA;       private videoService: VideoConversionService){}&#xA;&#xA;   creatForm(){&#xA;    this.form = this.formBuilder.group({&#xA;    mp4: [&#x27;&#x27;, Validators.required],&#xA;  });&#xA;  }&#xA;   ngOnInit(): void {&#xA;   this.creatForm();&#xA;&#xA;  }&#xA;&#xA;&#xA;  convertVideo(){&#xA;    this.submitted = true&#xA;    this.videoService.conversion(this.form.value).subscribe(res => {&#xA;    this.data = res;&#xA; })&#xA; }&#xA;&#xA; }&#xA;

    &#xA;

    I do not know how to create logic to do that (convert video into audio using angular framework)

    &#xA;

    This is app.component.html file where i want to get video from the user using input field

    &#xA;

    <div class="container">&#xA;   <h1>Video Proccessing App</h1>&#xA;   <form>&#xA;     <input type="file" formcontrolname="mp4" />&#xA;     <input type="submit" value="Convert" />&#xA;  </form>&#xA;</div>&#xA;

    &#xA;

    &#xA;

    But my code is not working and video is not converting into audio

    &#xA;

    This is my video service file where i calling nodejs api to perform the task

    &#xA;

    import { Injectable } from &#x27;@angular/core&#x27;;&#xA;import { HttpClient  } from &#x27;@angular/common/http&#x27;;&#xA;@Injectable({&#xA;   providedIn: &#x27;root&#x27;&#xA;})&#xA;export class VideoConversionService {&#xA;&#xA;constructor(private httpClient: HttpClient) { }&#xA;&#xA;conversion(data: any){&#xA;   return this.httpClient.post(&#x27;http://localhost:3000/mp4tomp3&#x27;, data)&#xA;}&#xA;}&#xA;

    &#xA;

    Please anyone can solve my problem Thanks in advance

    &#xA;

  • How to configure ffmpeg for streaming videos from Red5 into Youtube using youtube-v3-api ?

    28 mai 2018, par Alfonso Valdes

    You’ll see my problem is next :

    Currently I’m working to configure youtube-v3-api for live streaming of .flv videos on my Youtube channel using Red 5 service as stated on next link https://www.red5pro.com/docs/server/ffmpegstreaming.html, this is using next commands for streaming on Linux :

    ffmpeg  -i rtmp://127.0.0.1:1935/live/streamname live=1 timeout=2 -vcodec libx264 -s 640x480 -vb 500k -acodec libfdk_aac -ab 128k  -f flv rtmp://a.rtmp.youtube.com/live2/{Stream name/key}


    ffmpeg -rtsp_transport tcp -i rtsp://127.0.0.1:8554/live/streamname -acodec copy -vcodec copy -f flv rtmp://a.rtmp.youtube.com/live2/{Stream name/key}

    On this, neither RMTP nor RTSP protocols are working for streaming. Also, I have tried several codecs for audio and video configuring different sizes for each one of them, but none of those have worked.

    The root streaming videos are generated by an IOS/Android app still on development phase.

    The problem comes when no video is displayed on Youtube screen, regardless the video is being sent by Red5 (I confirmed this on my Red5 dedicated server on AWS) and received correctly by Youtube (confirmed by validating on Console), so I have come into a dead end on which I hope you could help me get through.

    Any idea of what could be a possible solution ?

    Thank you.