Comments (1)
staskobzar
commented on May 25, 2024
Hello,
Thanks!
I tried to reproduce with the code you gave and it looks OK. However, on your screenshot the element is shifted to right and I guess that you have some additional CSS or javascript which does it. Also, you might change the width of the canvas element.
Make sure your canvas width and height are the same.
Also, in your case it may help using ref-link property to decouple audio and canvas elements. After that wrap the element in "div" and change position or width of the "div" but not of the canvas element.
from vue-audio-visual.
Related Issues (20)
- Uncaught (in promise) TypeError: hv2 is not a function at Proxy.render (AvBase.js:181:12) HOT 4
- Unable to get assignment after network address HOT 2
- Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue.js?v=d2d7e806' does not provide an export named 'default' HOT 6
- MediaStream is not defined HOT 1
- Visualizer not visualizing audio with a url HOT 7
- How can i import vue-audio-visual to my project HOT 2
- Switch the local audio file and play it. Do you need to convert the file to blob? HOT 1
- AVBars Component's audio address, unable to use local audio files dynamically HOT 1
- Error with command: npm run dev HOT 1
- AVBars bar coloring depending on bars x axis position
- AVWave wrong slider positioning on short audio HOT 7
- AVWave playtime fixed position HOT 2
- waveform overwrites another when 2 wavforms are on screen. HOT 9
- [Vue warn]: Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function. HOT 1
- How to set width of av-line width to 100%? HOT 2
- Hide controls? HOT 2
- Events playing, paused , how to emit them? HOT 2
- Extraneous non-props attributes (ref-link) HOT 1
- When AVWaveform's src uses ref variables, the waveform cannot be displayed normally HOT 5
- Help me!!! Why can firefox display normally but chrome cannot? HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-audio-visual.