How to trim/cut few seconds audio in react js? - reactjs

I'm working with react and need to use audio files to play but in that while looing sounds it get pause of 1 second. if anyone knows how to loop it without pause? please let me know solution if you have.
How to trim or cut last few seconds of audio in react using html tag ?. I got solution using ffmpeg, but not got how to use it in react. do you know? or any other solution?

Related

can i scale a react component like an SVG

i have a website where i had a pdf preview as a react component, the pdf should be in real dimension, all works smooth until I start working on making the website responsive, I didn't know wt to do exactly with the pdf preview, I have an idea to scale the whole component up and down like we do with an SVG but idk if that's possible to do
I think you better use a library to preview the PDF.Since you want to make it responsive without affecting the preview.You may make use of libraries like react-pdf. This library may generate PDF files from a URL, a local file within the project, or a base64 encoded version.
And i found this article useful.
Hope this may help you!
And as you have mentioned you have some troubles installing react-pdf it's not very compatible with webpack5that is mostly due to Buffer dependency.
Refer to thsi :react-pdf issues
Without knowing the exact error, it's so difficult to help, so be more specific when you are asking questions.

What's the best approach to editing/process audio in React Native?

My goal is to able to add multiple tracks from various sources (record live audio, get existing MP3 files or external sources) and be able to overlay them, edit each mp3 file individually such as the pitch/frequency and etc.. My main problem at the moment is finding a library in react-native to be able to process the audio.
I've had different ideas such as trying to use tone.js but the problem with tone.js is that it's built on top of web audio api which only supports browsers and not IOS/Android - I believe...
I'm not too sure what the best approach is to be able to edit audio but potentially to create some sort of an audio processing engine for React Native. I'd love your opinion to get any insight on how I can move forward with audio processing.
N.B. I'm not looking for an audio player as I have seen in other posts.
TL;DR: Need help with audio processing in React Native

How to use reactjs to query and display content from webpage

I am trying to build an app with reactjs and I need to query information from a webpage. I am having a hard time finding any info online to help with my problem.
Edit: I figured it out, I need to use Jquery Ajax calls
A big thank you to Chris for helping me through this problem
Without much information this is the best that comes to mind.
https://facebook.github.io/react/tips/initial-ajax.html

Anyone know why my .mp4 video won't load using lightbox?

I am trying to use lightbox to display my video and instead of the video showing I am just getting a loading icon that never stops. I can put an image in place of the video and it works fine. Here is my code:
<img src="images/video_icon.png" height="240px" width="240px" id="middle_circle" class="circle">
As I said, using an image in the href instead of a video works fine so the CSS and JS is linked properly. Also, the video itself loads fine without the lightbox so it's not the video's fault either.
I wasn't able to find any examples for video so I am not sure if there is something different I need to do and was unable to find the solution elsewhere, including on here.
Currently Lightbox2 doesn't support videos by default at all, and it seems the maintainer doesn't plan on adding video support either. You can always edit Lightbox2 to allow video support provided you have the Javascript/JQuery experience.
If you're using Drupal CMS, they have a custom version of Lightbox2 that supports video content. https://www.drupal.org/node/252276
Your best bet is probably finding another Lightbox that can support your needs.
As answered above it don't supported playing Video.
But you can use some like - http://dimsemenov.com/plugins/magnific-popup/ - very nice & customizable ligtbox.

Creating charts with Netzke

Does anyone knows the way to create ext js charts with Netzke? I guess there is no such component right know, but maybe someone have an idea.
What are the basic steps to connect using Rails and EXT JS, without Netzke?
I have looked at that gist and this https://gist.github.com/1190511
But I still can't figure it out. Is there a chance to see, no matter how simple a working version of the simplest chart in the Demo app or anything else? I understand the EXT side but I am having a real problem in putting it together with Netzke. I know I am missing something really simple.
A chart component is too application-specific, but it's surely possible to create one using Netzke built-in client-server mechanisms. Here's a demo: http://variant.herokuapp.com (try selecting different dates on the calendar to see the charts updated on the fly). Here's a gist for the LineChart component used there: https://gist.github.com/4112061 - hope, it can give you an idea (Netzke 0.7.x).

Resources