ogg | Ogg container decoder and encoder written in pure Rust | Messaging library

Does this answer help: https://stackoverflow.com/a/6313040/8816585

Also, if you want to be sure that this is an eventListener issue, you could load your page and then aim towards your browser devtools to send this into the console and see if narration.play() is playing or not.

That way you will be sure if it's because it has not loaded yet or if it's another issue.

Need to decode ogg files

You can use this public domain Ogg vorbis decoder.

Need to encode pcm data as aac file

You can do that with Apple's Audio Converter APIs.

Need to add post process FX to decoded data such as low pass filter etc`

• If all you need is a couple of DSP algorithms, you can look at Musicdsp.org, which includes a collection of algorithms from the Music-DSP mailing list, such as low-pass filters, etc.
• STK includes several audio DSP algorithms in C++, and has a permissive license.
• This repository offers several implementations of the Moog Ladder filter, most of them are closed-source friendly.

It turns out video/mp4 works with iOS. It can be used for audio-only as well, even though it says video.

Since other browsers don't support video/mp4, a try/catch with the video/mp4 as a fallback can be used, which results in the following solution:

This should point you in the right direction: YouTube iframe API: how do I control an iframe player that's already in the HTML? -- specifically the chosen answer's JSFiddle.

By gaining control of the iframe youtube player, you can simply make the iframe invisible and link the pause button to both your video and the youtube video.

EDIT: Per request, I have clarified... again :)

https://jsfiddle.net/ericpool/yrkpem4a/11/

Here is the editted JSFiddle that should show you how this is possible. Namely, I have added event listeners to the play pause function of the player to connect with the callPlayer function:

I made a similar modification to opus-tools' opusinfo command:

1. issue: Show total samples used to calculate duration in opusinfo
2. commit: opusinfo: Add total playback samples to output

If you use setVolume in PlayerButton component, it will trigger the useEffect in PlayerButton.

It will not trigger the useEffect if you are using setVolume in a different component.

Do two components using the same Hook share state? No. Custom Hooks are a mechanism to reuse stateful logic (such as setting up a subscription and remembering the current value), but every time you use a custom Hook, all state and effects inside of it are fully isolated.

How does a custom Hook get isolated state? Each call to a Hook gets isolated state. Because we call useFriendStatus directly, from React’s point of view our component just calls useState and useEffect. And as we learned earlier, we can call useState and useEffect many times in one component, and they will be completely independent.

https://reactjs.org/docs/hooks-custom.html

If you want 2 components to share state, you need to use redux or useContext to manage the state in a store.

https://reactjs.org/docs/hooks-reference.html#usecontext

Example use of useContext and Provider.

A segmentation fault happens when the code try to access a memory region that is not available.

Accessing an array out of bounds doesn't means that the memory before or after the area occupied by the array is not available: The compiler or the runtime usually put all varibales or data in general in a given block of memory. If your array is the last item of such a memory block, the accessing it with a to big index will produce a Segmentaion Fault but is the array is in the middle of the memory block, you will just access memory used for other data, giving unexpected result and undefined behavior.

If the array (In may example, but valid for anything) is written, accessing available memory will not produce a segmentation fault but will overwrite something else. It may produce unexpected results or crash or segmentation fault later! This kind of bug is frequently very difficult to find because the unexpected result/behavior looks completely independent of the root cause.

I think what you need is a debounce method to not delay your functions calls when called multiple times :

It is not entirely clear which element you are trying to locate (the p, the img, or the video) or if you are just expecting the XPath to select nothing if it fails your requirement thus it doesn't matter what is selected when it meets the requirement.

If selecting the p is acceptable, then this kind of approach should work.