video.js | Video.js - open source HTML5 video player | Video Utils library

I want to capture image every time socket.on('takePic') gets triggered. It works fine for the first time. but when the socket.on('takePic') gets triggered second time,the canvas div is just blank and so the img tag. I have copied the takePicture() function from somewhere and added the setInterval() and localstream variable to stop camera. how can I fix this?

here is my js code.

I am using requirejs to determine dependencies. I have some code that determines the use of the Video.js:

It's posted that once you use VideoJS for playing video, you shouldn't touch the tag used by VideoJS never again:

I'm drawing video frames to canvas by such a code taken from here:

So I have a small website that shows different streams from web cameras around the city. (ex: https://camstream.alteco.lv:8443/live/camera1.m3u8). The stream can be viewed here: https://camstream.alteco.lv/camera/76d4b7f895df

This is a simple page with just the video player trying to play the stream using hls.js where it can be used and native tag for iOS devices.

All was working well until iOS 15 rolled out which broke the streams, so they are not viewable anymore. It simply shows that it's loading but nothing happens. Interestingly enough, that if I try to open the video in full screen and try seeking, the video instantly shows up. I also checked the incoming .m3u8 and .ts files using Inspect Element and everything seems to be fine.

At first, I thought that the issue is with the stream itself, but that doesn't seem to be the case, as I've tried all kinds of different options and profiles (baseline, main, high) but nothing changes, so it almost feels like a bug with the safari video player, but other streams from different sites I've found work fine. I've also tested the stream using the VLC app on iPhone and it works fine there. It only doesn't work on Safari.

I'm using nginx with the nginx-rtmp module to server the stream to clients.

I have been struggling trying to implement a redirect to another page whenever a user clicks an image. The images are obtained from a movie API and mapped into the img tag. I want the image to redirect the user to a page called video where users will be able to play their respective videos. Currently when I click the image the URL will change but nothing happens.Below is my code. Am a beginner and would appreciate any kind of help

Card.js

I'm aware of many posts regarding these warnings in Chrome dev tools. For all of them, the solution is to turn off notifications "Enable javascript source maps" and "Enable CSS source maps".

What I want to know is how to FIX this and what is the reason under the hood that causes these warnings.

I'm currently developing a Vue JS app that uses Twilio Js SDK and I'm getting tons of warnings when the app is built in stage mode by using sudo npm run build -- --mode staging

Any advice will be appreciated.

When I run npm run build which executes ng build -c production build will be completed as expected. But command prompt will be filled with this warning:

After upgrading to angular 13.0.0 this warning occur when building:

When I try to run command ng lint --fix cli throws this error: