![]() ![]() To solve this, uncomment https: true, under devServer section in Note: Newer chrome versions block cleartext traffic by default, so Cordova’s internal WebView will throw an ERR_CLEARTEXT_NOT_PERMITTED error. Make sure your device is connected by USB, and run: ![]() I’ll use android for this, but it works the same for iOS. This should be done as early as possible as a sanity check to see that the setup’s working. Now we’ll check if it’s running on our device. After it’s done, enter the folder, and run quasar dev to see the basic layout: cd quasar-wavesurfer-audio-player quasar dev Quasar CLI will install required packages. Cordova id: leave as is, unless you want to publish to the store(s).Project Description: A soundcloud-like audio player using quasar and wavesurfer.Project product name: change to “Cool Player”.From your workspace terminal run: npm install -g create a project: quasar create quasar-wavesurfer-audio-player Let’s start by installing the Quasar CLI. I assume you already have a working Cordova setup with android studio / xcode configured. Use the Vue ecosystem you know and love.Beautiful UI components and grid system built in (I like to write as little CSS as possible).Vibrant and active community (11K GitHub stars).More points that made me want to try it out: This is a crucial part of an efficient dev process, and one of the determining factors for me when choosing a framework /stack. You get debugging on actual device with hot reload out-of-the-box. It seems more mobile-oriented than Vuetify, and also has an excellent CLI that works great for generating Cordova apps. Quasar is a UI framework built on Vue.js. We’ll load a local audio file from the device using html file input, render a waveform and add controls to play the audio. We’ll use Quasar and WaveSurfer to build a SoundCloud like cross-platform mobile audio player app. ![]()
0 Comments
Leave a Reply. |