staskobzar / vue-audio-visual

VueJS audio visualization components
MIT License
693 stars 111 forks source link

Wave Form is not generating for mono channel mp3 #57

Closed rohitbahekar closed 3 years ago

rohitbahekar commented 3 years ago

I am trying to generate waveform of mp3 file mentioned below

http://www.mediafire.com/file/m0kx030imexx5fi/5f7b1c36cff2a806d352910f.mp3.mp3/file

Audio channels: mono sampling 44.1 KHz

please guide me what needs to be done

staskobzar commented 3 years ago

Hello, Please, check the documentation in README.md file. You also can check an example in "demo" folder: https://github.com/staskobzar/vue-audio-visual/blob/master/demo/src/components/AvWaveform.vue

rohitbahekar commented 3 years ago

I have tried demo and its working fine but waveforms are not getting generated for the file provided by me

On Mon, 5 Oct 2020, 19:15 Stas Kobzar, notifications@github.com wrote:

Hello, Please, check the documentation in README.md file. You also can check an example in "demo" folder:

https://github.com/staskobzar/vue-audio-visual/blob/master/demo/src/components/AvWaveform.vue

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/staskobzar/vue-audio-visual/issues/57#issuecomment-703642530, or unsubscribe https://github.com/notifications/unsubscribe-auth/ANYWFX77KEOCSBLCVSOKNW3SJHEYDANCNFSM4SEWTJAA .

staskobzar commented 3 years ago

everything works for me. I have downloaded the file and put in public directory image

<template>
  <div>
    <h4><code>av-waveform</code> component</h4>
    <a target="blank" href="https://github.com/staskobzar/vue-audio-visual/blob/master/demo/src/components/AvWaveform.vue">
    Example source code</a>
    <av-waveform
      audio-src="5f7b1c36cff2a806d352910f.mp3.mp3"
    ></av-waveform>
  </div>
</template>

<script>
export default {
  name: 'av-waveform-demo'
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
rohitbahekar commented 3 years ago

It was a CORS issue from AWS S3.

thanks for clarification