Recherche avancée

Sur d’autres sites (5745)

• want to play m3u8 with hls.js and vue.js

  21 octobre 2020, par tomo1127

  I'm trying to play m3u8 with hls.js and vue.js on codesandbox.

  


  I made m3u8 useing ffmpeg like this.

  


  ffmpeg -i movie1.mp4 -vcodec libx264 -s 1280x720 -strict experimental -acodec aac -b:a 96k -flags +loop-global_header -vbsf h264_mp4toannexb -f segment -segment_format mpegts -segment_time 10 -segment_list mav.m3u8 mav_%04d.ts


  


  The Error from codesandbox say
** The error you provided does not contain a stack trace. **

  


  Aslo I could play mp4 or youtube but not m3u8.

  


  Here is my code

  


  <template>&#xA;  <div>&#xA;    &#xA;&#xA;    <p>window height: {{ height }}</p>&#xA;  </div>&#xA;</template>&#xA;&#xA;<code class="echappe-js">&lt;script&gt;&amp;#xA;import Hls from &quot;hls.js&quot;;&amp;#xA;&amp;#xA;export default {&amp;#xA;  data() {&amp;#xA;    return {&amp;#xA;      hls: new Hls(),&amp;#xA;      height: window.innerHeight,&amp;#xA;    };&amp;#xA;  },&amp;#xA;  methods: {&amp;#xA;    playVide() {&amp;#xA;      this.height = window.innerHeight;&amp;#xA;      const video = document.getElementById(&quot;video&quot;);&amp;#xA;&amp;#xA;      if (Hls.isSupported()) {&amp;#xA;        this.hls = new Hls();&amp;#xA;        this.hls.loadSource(&amp;#xA;          &quot;SAMPLE.m3u8&quot;&amp;#xA;        );&amp;#xA;        this.hls.attachMedia(video);&amp;#xA;        setTimeout(() =&gt; {&amp;#xA;          video.play();&amp;#xA;        }, 1000);&amp;#xA;      }&amp;#xA;    },&amp;#xA;  },&amp;#xA;  mounted() {&amp;#xA;    window.addEventListener(&quot;scroll&quot;, this.playVide);&amp;#xA;  },&amp;#xA;};&amp;#xA;&lt;/script&gt;&#xA;

  


  I'm not sure this is happen because how I use ffmpg or how I code hls.js

  


• Create different qaulities for my manifest with only mp4box

  29 septembre 2020, par Ted Bed

  I asked a question on slack on why the quality and bitrate of my dash video wasn't changing and I got this response : You only have one quality in your manifest. there is no way for the player to choose a different one

  


  So how can I create different "qualities" ?

  


  I have a mp4box command like :

  


  MP4Box -dash 2000 -profile dashavc264:live -bs-switching multi -url-template whatever.mp4#trackID=1:id=vid0:role=vid0 whatever.mp4#trackID=2:id=aud0:role=aud0 -out whatever.mpd


  


  Would it be possible to create different "qualities" with only mp4box or would I have to create the same video with different resolutions with something like ffmpeg and then feed them into the inputs to the command above ?

  


• How can I simply replace the colors using the color masks on this image and then save it ? With RGBA channels as example

  31 août 2020, par karl-police

  So I got this GIF here :

  


  

  


  As you can see, it has Red, Green and Blue in it. And it also has a full transparency in it. This was composed together with FFMPEG out of images that looked exactly like that.

  


   

  


  Then, with FFMPEG I "decomposed" the RGB and Alpha channels using the filter "extractplanes".

  


  The gallery of that, in correct order starting from up to down, can be found here :

  


  https://imgur.com/a/WN0aGuW

  


  I am not sure if this actually helps me or if I'm supposed to decompose them. Because apperantly now, after decomposing them, I'm supposed to modify them, but I'm not really sure how. It's like how do I modify the red channel that only has black and white, so all at the end, will match to the specified HEX color that I want it to be to.

  


   

  


  Now, my question is. How do I exactly make the color changing happen ? Can I do this simply with JavaScript ? Is it possible to do with FFMPEG, if possible without ImageMagicks ? Maybe a programming language where not much installation is needed to do that ?

  


  What I understood is that. These channels basically contain values from 0 to 255 with black and white. I think the "brightness" is that what 0 and 255. So something inbetween, would be like grey.

  


  So basically, like we do (255,0,0) for red. In these channels, if I want red somewhere I need to put one fully white pixel on the red channel and on all the other channels, there has to be a fully black pixel.

  


  That's the concept. Now is the question, how can I do this ?

  


   

  


  At the end I want to make it look like the colors this one has, as example :

  


  

  


  This is from a game. So basically that's how it looks like in the game. And the game files only use these RGBA template sprites.

  


   

  


  I asked a similar question here : How to change colors of an image using RGBA and more channels independently of their color

  


  But somehow, I might didn't seem to explain it that well.

  


   

  


  I made a thing here to test around with things. I guess that's nearly close, but the lines are kinda weird. jsfiddle.net/qsgazubk