Recherche avancée

Médias (0)

Mot : - Tags -/utilisateurs

Aucun média correspondant à vos critères n’est disponible sur le site.

Autres articles (64)

  • 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

  • Support audio et vidéo HTML5

    10 avril 2011

    MediaSPIP 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 (...)

  • De l’upload à la vidéo finale [version standalone]

    31 janvier 2010, par

    Le chemin d’un document audio ou vidéo dans SPIPMotion est divisé en trois étapes distinctes.
    Upload et récupération d’informations de la vidéo source
    Dans un premier temps, il est nécessaire de créer un article SPIP et de lui joindre le document vidéo "source".
    Au moment où ce document est joint à l’article, deux actions supplémentaires au comportement normal sont exécutées : La récupération des informations techniques des flux audio et video du fichier ; La génération d’une vignette : extraction d’une (...)

Sur d’autres sites (8159)

  • 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.

  • hey i need to download my coaching classes but they are using hls aes 128 bit encrypted streams. i downloaded m3u8 and all .ts files and found enc key

    19 mars 2023, par tinu one

    I downloaded all the .ts files using a python script but it is encrypted with aes 128.i found a encryption key (supposedly) under the network tab in developer options. I ran it through ffmpeg but got an error( invalid data found while processing ). I need these classes because they are going to remove it in may 2023. i am a noob to this and may have done step wrong. Please forgive me. I would deeply appreciate anyone who will help me find a solution to this problem. Thankyou.

    &#xA;

    I downloaded all the .ts files and m3u8 file and put it inside a folder. I hosted the key file in localhost that I found under the preview tab of the network tab in developer options( it was named key/ after all and had characters which was not human readable. it also had the request URL similar to that inside the m3u8 file)because ffmpeg did not want to read the key file from my local pc. I edited the m3u8 file to access the key stored in local host and it read successfully. but it shows error( invalid data found while processing).

    &#xA;

    encryption key from preview tab I found : Ø®¢Ù¦Aä [u&#xA;request url of the key : https://classes.brilliantpala.org/api/v2.5/video_contents/42475/key/

    &#xA;

    unedited m3u8 file :

    &#xA;

    #EXTM3U&#xA;#EXT-X-VERSION:3&#xA;#EXT-X-TARGETDURATION:19&#xA;#EXT-X-MEDIA-SEQUENCE:0&#xA;#EXT-X-KEY:METHOD=AES-128,URI="https://classes.brilliantpala.org/api/v2.4/encryption_key/40cd559c70c241699cfcda9072c4fb42/",IV=0x00000000000000000000000000000000&#xA;#EXTINF:11.680000,&#xA;video_0.ts&#xA;#EXTINF:10.000000,&#xA;video_1.ts&#xA;#EXTINF:10.000000,&#xA;etc etc..&#xA;

    &#xA;

    fetch("https://classes.brilliantpala.org/api/v2.5/video_contents/42475/key/", {&#xA;  "headers": {&#xA;    "accept": "*/*",&#xA;    "accept-language": "en-US,en;q=0.9",&#xA;    "sec-ch-ua": "\"Microsoft Edge\";v=\"111\", \"Not(A:Brand\";v=\"8\", \"Chromium\";v=\"111\"",&#xA;    "sec-ch-ua-mobile": "?0",&#xA;    "sec-ch-ua-platform": "\"Windows\"",&#xA;    "sec-fetch-dest": "empty",&#xA;    "sec-fetch-mode": "cors",&#xA;    "sec-fetch-site": "same-origin",&#xA;    "x-key": "5e5d8c5d0486a678ccd4935ecb9fa8a01b1db7327396184ab00b50573119e947"&#xA;  },&#xA;  "referrer": "https://classes.brilliantpala.org/courses/535/contents/42475/",&#xA;  "referrerPolicy": "strict-origin-when-cross-origin",&#xA;  "body": null,&#xA;  "method": "GET",&#xA;  "mode": "cors",&#xA;  "credentials": "include"&#xA;});```&#xA;&#xA;&#xA;

    &#xA;

  • 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

Navigation