Recherche avancée

Médias (1)

Mot : - Tags -/bug

Autres articles (63)

  • Mise à jour de la version 0.1 vers 0.2

    24 juin 2013, par

    Explications des différents changements notables lors du passage de la version 0.1 de MediaSPIP à la version 0.3. Quelles sont les nouveautés
    Au niveau des dépendances logicielles Utilisation des dernières versions de FFMpeg (>= v1.2.1) ; Installation des dépendances pour Smush ; Installation de MediaInfo et FFprobe pour la récupération des métadonnées ; On n’utilise plus ffmpeg2theora ; On n’installe plus flvtool2 au profit de flvtool++ ; On n’installe plus ffmpeg-php qui n’est plus maintenu au (...)

  • Personnaliser en ajoutant son logo, sa bannière ou son image de fond

    5 septembre 2013, par

    Certains 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 ;

  • Ecrire une actualité

    21 juin 2013, par

    Présentez les changements dans votre MédiaSPIP ou les actualités de vos projets sur votre MédiaSPIP grâce à la rubrique actualités.
    Dans le thème par défaut spipeo de MédiaSPIP, les actualités sont affichées en bas de la page principale sous les éditoriaux.
    Vous pouvez personnaliser le formulaire de création d’une actualité.
    Formulaire de création d’une actualité Dans le cas d’un document de type actualité, les champs proposés par défaut sont : Date de publication ( personnaliser la date de publication ) (...)

Sur d’autres sites (10465)

  • Capturing audio data (using javascript) and uploading on a server as MP3

    4 septembre 2018, par Michel

    Following a number of resources on the internet, I am trying to build a simple web page, where I can go to record something (my voice), then make a mp3 file out of the recording and finally upload that file to a server.

    At this point I can do the recording and also play back, but I haven’t gone as far as uploading, it seems like I cannot even make an mp3 file locally.
    Can someone tell me what I am doing wrong, or in the wrong order ?

    Below is all the code I have at this point.

        
    
    
    
    
    
    
    

    

    
<div>
    
    <h2>Audio record and playback</h2>
    
    <p>
    
        <button></button></p><h3>Start</h3>
    
        <button disabled="disabled"><h3>Stop</h3></button>
    
        <audio controls="controls"></audio>
    
        <a></a>
    
    
    
</div>
    

    
<code class="echappe-js">&lt;script&gt;<br />
    
  var player = document.getElementById('player');<br />
    
<br />
    
  var handleSuccess = function(stream) {<br />
    
    rec = new MediaRecorder(stream);<br />
    
<br />
    
    rec.ondataavailable = e =&gt; {<br />
    
        audioChunks.push(e.data);<br />
    
        if (rec.state == &quot;inactive&quot;) {<br />
    
            let blob = new Blob(audioChunks,{type:'audio/x-mpeg-3'});<br />
    
            player.src = URL.createObjectURL(blob);<br />
    
            player.controls=true;<br />
    
            player.autoplay=true;<br />
    
            // audioDownload.href = player.src;<br />
    
            // audioDownload.download = 'sound.data';<br />
    
            // audioDownload.innerHTML = 'Download';<br />
    
            mp3Build();<br />
    
        }<br />
    
    }<br />
    
<br />
    
    player.src = stream;<br />
    
  };<br />
    
<br />
    
  navigator.mediaDevices.getUserMedia({audio:true/*, video: false */})<br />
    
      .then(handleSuccess);<br />
    
<br />
    
startRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = true;<br />
    
  stopRecord.disabled=false;<br />
    
  audioChunks = [];<br />
    
  rec.start();<br />
    
}<br />
    
<br />
    
stopRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = false;<br />
    
  stopRecord.disabled=true;<br />
    
  rec.stop();<br />
    
}<br />
    
<br />
    
<br />
    
var ffmpeg = require('ffmpeg');<br />
    
<br />
    
function mp3Build() {<br />
    
try {<br />
    
    var process = new ffmpeg('sound.data');<br />
    
    process.then(function (audio) {<br />
    
        // Callback mode.<br />
    
        audio.fnExtractSoundToMP3('sound.mp3', function (error, file) {<br />
    
            if (!error) {<br />
    
                console.log('Audio file: ' + file);<br />
    
        audioDownload.href = player.src;<br />
    
        audioDownload.download = 'sound.mp3';<br />
    
        audioDownload.innerHTML = 'Download';<br />
    
      } else {<br />
    
        console.log('Error-fnExtractSoundToMP3: ' + error);<br />
    
      }<br />
    
        });<br />
    
    }, function (err) {<br />
    
        console.log('Error: ' + err);<br />
    
    });<br />
    
} catch (e) {<br />
    
    console.log(e.code);<br />
    
    console.log(e.msg);<br />
    
}<br />
    
}<br />
    
<br />
    
&lt;/script&gt;

    When I try to investigate and see what is happening using the Debugger inside the Web Console ; on the line :

    var process = new ffmpeg('sound.data');

    I get this message :

    Paused on exception
    
TypeError ffmpeg is not a contructor.

    And on the line :

    var ffmpeg = require('ffmpeg');

    I get this message :

    Paused on exception
    
ReferenceError require is not defined.

    Beside when I watch the expression ffmpeg, I can see :

    ffmpeg: undefined

    After some further investigations, and using browserify I use the following code :

        
    
    
    
    
    
    
    

    

    
<div>
    
    <h2>Audio record and playback</h2>
    
    <p>
    
        <button></button></p><h3>Start</h3>
    
        <button disabled="disabled"><h3>Stop</h3></button>
    
        <audio controls="controls"></audio>
    
        <a></a>
    
    
    
</div>
    

    
<code class="echappe-js">&lt;script src='http://stackoverflow.com/feeds/tag/bundle.js'&gt;&lt;/script&gt;
    

    &lt;script&gt;<br />
    
  var player = document.getElementById('player');<br />
    
<br />
    
  var handleSuccess = function(stream) {<br />
    
    rec = new MediaRecorder(stream);<br />
    
<br />
    
    rec.ondataavailable = e =&gt; {<br />
    
        if (rec.state == &quot;inactive&quot;) {<br />
    
            let blob = new Blob(audioChunks,{type:'audio/x-mpeg-3'});<br />
    
            //player.src = URL.createObjectURL(blob);<br />
    
            //player.srcObject = URL.createObjectURL(blob);<br />
    
            //player.srcObject = blob;<br />
    
            player.srcObject = stream;<br />
    
            player.controls=true;<br />
    
            player.autoplay=true;<br />
    
            // audioDownload.href = player.src;<br />
    
            // audioDownload.download = 'sound.data';<br />
    
            // audioDownload.innerHTML = 'Download';<br />
    
            mp3Build();<br />
    
        }<br />
    
    }<br />
    
<br />
    
    //player.src = stream;<br />
    
    player.srcObject = stream;<br />
    
  };<br />
    
<br />
    
  navigator.mediaDevices.getUserMedia({audio:true/*, video: false */})<br />
    
      .then(handleSuccess);<br />
    
<br />
    
startRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = true;<br />
    
  stopRecord.disabled=false;<br />
    
  audioChunks = [];<br />
    
  rec.start();<br />
    
}<br />
    
<br />
    
stopRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = false;<br />
    
  stopRecord.disabled=true;<br />
    
  rec.stop();<br />
    
}<br />
    
<br />
    
<br />
    
var ffmpeg = require('ffmpeg');<br />
    
<br />
    
function mp3Build() {<br />
    
try {<br />
    
    var process = new ffmpeg('sound.data');<br />
    
    process.then(function (audio) {<br />
    
        // Callback mode.<br />
    
        audio.fnExtractSoundToMP3('sound.mp3', function (error, file) {<br />
    
            if (!error) {<br />
    
                console.log('Audio file: ' + file);<br />
    
        //audioDownload.href = player.src;<br />
    
        audioDownload.href = player.srcObject;<br />
    
        audioDownload.download = 'sound.mp3';<br />
    
        audioDownload.innerHTML = 'Download';<br />
    
      } else {<br />
    
        console.log('Error-fnExtractSoundToMP3: ' + error);<br />
    
      }<br />
    
        });<br />
    
    }, function (err) {<br />
    
        console.log('Error: ' + err);<br />
    
    });<br />
    
} catch (e) {<br />
    
    console.log(e.code);<br />
    
    console.log(e.msg);<br />
    
}<br />
    
}<br />
    
<br />
    
&lt;/script&gt;

    That solved the problem of :

    the expression ffmpeg being: undefined

    But the play back is no longer working. I may not be doing the right thing with player.srcObject and maybe some other things too.

    When I use this line :

    player.srcObject = URL.createObjectURL(blob);

    I get this message :

    Paused on exception
    
TypeError: Value being assigned to HTMLMediaElement.srcObject is not an object.

    And when I use this line :

    player.srcObject = blob;

    I get this message :

    Paused on exception
    
TypeError: Value being assigned to HTMLMediaElement.srcObject does not implement interface MediaStream.

    Finally, if I use this :

    player.srcObject = stream;

    I do not get any error message but the voice recording still does not work.

  • avfilter/vf_edgedetect : properly implement double_threshold()

    22 juin 2020, par Valery Kot
    avfilter/vf_edgedetect : properly implement double_threshold()

    Important part of this algorithm is the double threshold step : pixels
    
above "high" threshold being kept, pixels below "low" threshold dropped,
    
pixels in between (weak edges) are kept if they are neighboring "high"
    
pixels.
    

    The weak edge check uses a neighboring context and should not be applied
    
on the plane's border. The condition was incorrect and has been fixed in
    
the commit.
    

    Signed-off-by : Andriy Gelman <andriy.gelman@gmail.com>
    
Reviewed-by : Andriy Gelman <andriy.gelman@gmail.com>
    • [DH] libavfilter/vf_edgedetect.c
    • [DH] tests/ref/fate/filter-edgedetect
    • [DH] tests/ref/fate/filter-edgedetect-colormix

  • x86/hevcdsp : add ff_hevc_sao_edge_filter_8_{ssse3,avx2}

    5 février 2015, par James Almer
    x86/hevcdsp : add ff_hevc_sao_edge_filter_8_ssse3,avx2

    Original x86 intrinsics code and initial yasm port by Pierre-Edouard Lepere.
    
Refactoring and optimizations by James Almer.
    

    Benchmarks of BQTerrace_1920x1080_60_qp22.bin with an Intel Core i5-4200U
    

    Width 32
    
158583 decicycles in edge, sao_edge_filter_8 runs, 0 skips
    
5205 decicycles in ff_hevc_sao_edge_filter_32_8_ssse3, 32767 runs, 1 skips
    
2942 decicycles in ff_hevc_sao_edge_filter_32_8_avx2, 32767 runs, 1 skips
    

    Width 64
    
705639 decicycles in sao_edge_filter_8, 262144 runs, 0 skips
    
19224 decicycles in ff_hevc_sao_edge_filter_64_8_ssse3, 262111 runs, 33 skips
    
10433 decicycles in ff_hevc_sao_edge_filter_64_8_avx2, 262115 runs, 29 skips
    

    Signed-off-by : James Almer <jamrial@gmail.com>
    • [DH] libavcodec/hevc_filter.c
    • [DH] libavcodec/hevcdsp.c
    • [DH] libavcodec/hevcdsp.h
    • [DH] libavcodec/x86/hevc_sao.asm
    • [DH] libavcodec/x86/hevcdsp_init.c

Navigation