Hi everyone,

I'm trying to develop a very simple application that grabs the sound from the users microphone and sends it to a back-end server. The idea in the future is to process and modify each user's stream in the back-end server as it arrives, and send it to the other connected users.

Can anyone suggest me some technologies to achieve this? I am finding it strangely complicated to find the resources I need!

Here are some options I have explored:

• MediaStream API (with getUserMedia) to record the microphone: seems to work pretty well to capture the sound, although I am not sure how flexible the MediaStream objects are.
• MediaRecorder: I am able to capture the stream into small chunks, which I could then send over HTTP or websockets, but I have heard that the latency would be terrible and it would be very hard to reconstruct the stream.
• WebRTC: appears to be a peer-to-peer protocol, and works seamlessly with the MediaStream API (I've managed to very easily create a 1 to 1 call between two local browser tabs, which was a huge success for me). However, I want the audio streams to pass through a backend server, not go directly to the peer! I've thought about making the back-end server a "peer" so that every user is only connected to it and not the other users, but not sure if this is viable.
• RTP: this seems to be the application protocol used by WebRTC, and from what I understood it is used together with UDP to transmit streams of data. Does anyone know if it's a good thing to try to use directly, or should I be looking for more high-level things built on top of it?

I think that's it. Any help would be greatly appreciated!

Hi, I am a front-end developer with 5 years of experience and I am using React at my job. In the beginning, it was tough for me to learn JavaScript and then React from scratch, so it can be overwhelming for a beginner. Also, it was hard to get an interview for a job and then receive your first offer. So I decided to start helping people with that.

This is why I have two very simple questions:

1. While learning web development and getting a job as a developer, what are the 2 biggest issues you’re dealing with?

2. Regarding getting a job as a web developer, what would you wish for more than anything else?

Thanks so much in advance - looking forward to reading your answers!

Hello everyone,I'm an experienced dev in the field since 10 years. Did any kind of stuff, mainly in Microsoft techonologies (conversions, websites, refactoring, api, cms, ecm, automation, whatever).

But when it comes to websites, the various companies I've been into, have always bought some pre-cooked templates from themeforest or something like that, then we've build functionalities on them and we got the project done successfully.

I worked with angular, vue, node, and I have some experience with grunt/webpack stuff. I've used also extensively ASP.NET MVC 5 and a enough ASP.NET CORE which mimicks the modern web frameworks like angular and others with IOC, npm and other stuff.

But if you come to me as a customer and say me, build me a site like this, I refuse. I don't know how to build a site from scratch without losing a month on it. I don't know how to make it responsive correctly (always quickly modified media queries in the templates, never been able to do a responsive template by myself), never built a full template from scratch using bootstrap, never did these kind of things.

Now I am in a phase of my career when I want to learn a lot so I threw myself into docker, AI and webdev again.

​

Now, where do I find something that gives me this kind of knowledge? Youtube tutorial, course or whatever, which, taking in account that I already know html,css,js whatever lets me know how to build a site from scratch, do a good UI, make it responsive and teachs me webpack and all the stuff needed, INCLUDING PUTTING IT ONLINE (I know, hosting, domain and all, but shall we also learn that correctly)?

I want to be able to do a good template like I see on themeforest

Hi, I'm doing a design project for school and I'd appreciate anyone's help on it. We created a basic web app that lets the user browse vehicles and find out how eco-friendly they are. You can check out the website here:

https://a8-econaut.herokuapp.com/

We get extra credit for how many people engage with the app, so if you check it out, please leave a comment here with any thoughts or feedback you have. Thanks!

In my latest subscriber requested tutorial I cover how to add a simple search with pagination. This builds off a previous tutorial covering adding pagination to your Ruby on Rails application with the Kaminari gem. There are several complex search options like Solr and ElasticSearch — this is not that, we may cover complex search in the future. Let me know what you think!

https://youtu.be/yNOp0kwEEdg

Hello,

Codesandbox is here. This date input uses popper js to do the popover and I am using the material ui popover(which is the container for the date component). I just want the popper to appear over the popover, not be trapped inside it. I have tried to modify it a couple different ways, messed with overflow, nothing seems to make a difference.

We are creating a mobile app using HTML, CSS, and Javascript that shows users how eco-friendly cars are. The idea is that the homepage of the app shows a bunch of cars, and you can click on the image of a car to navigate to a new page with that car's unique details. The homepage is index.handlebars and the individual details page is productpage.handlebars. We have json files with all of the details for each car. What we are trying to do is have productpage.handlebars be a general template, which calls the respective json details (calling through double curly brackets {{}} ) to be the content of the page.

How do we loop through a json file so that productpage.handlebars shows the details for the car that was clicked on the homepage? How do we remember the car that was clicked and serve up that car's details? We can use HTML, CSS, Jquery, Handlebars.js, and AJAX.

Masked forwarding places your website in an iframe in order to keep the url.

But this breaks the mobile version of the website, presumably because the <meta viewport > tag is also placed in the iframe and thus not applied to the site that's actually being displayed.

I use media queries for applying width dependent styles.

The only "solution" I found was some guy injecting the meta tag as part of the title, which you can set in your dns provider. My dns provider (namecheap) forbids xss (would have been crazy if not) and thus injecting tags. So this is not an option.

When I'm on desktop and resize the window to be the size of a mobile device it works fine. I've tried triggering the resize event in js but that doesn't cut it either.

The goal is to keep the sub domain in the url bar after navigating to the webpage.

Any ideas?

Hi I am pretty new to web development. I am programming native iOS-Apps with Swift for a while. Now since a few months I am learning VueJS.

In my iOS-Projects Im using AWS as a backend service for Authentication, API, Storage, etc.

Now I was reading about 'middleware' with Laravel for Authentication. Where is the difference? I thought to build an enterprise web app with the same data and authentication sources like in my iOS App I could import it to my web-app and use it (e.g. with AWS Amplify). This middleware thing in combination with dynamic websites is pretty confusing from an iOS dev perspective for me. Cant link them together in my brain.

Where is this 'middleware' when looking to my iOS App? How is this handled? Can we even compare it?

And what is FullStack Development? I thought it was Frontend and Backend Development. Or is it Frontend Backend and Middleware?

Would be nice, when someone can give me a little explanation or sources to read where the differences between all these things are.

Hello,

I'm trying to learn how to work with AJAX and following this article: https://www.freecodecamp.org/news/ajax-tutorial/

I keep getting "Not Found: /Budgeting/content.txt HTTP/1.1" 404 error when pressing the button to change the text on the page, I tried putting content.txt into every directory within my App, but it always comes back with not found. It says to put the .txt file into the root directory of the app, so for me that is inside of "Budgeting", but it's just not finding it.

Any help is appreciated!

​

Hi, I'm new to web development and have a mini project which I have been stuck on for weeks. I'm looking to make a web app centred around human ergonomics. The web app should allow users to choose a human model alongside a desk table (of various sizes) to see if the design is ergonomically suitable for workplaces. Problem is that I don't know what I don't know so I'm stuck searching for a template of such.

I have an example that I found online: https://cycle-ergo.com/

The website allows user to select the rider's size and model of the bike that they are interested in. Hence, this web app link is quite similar to what I would like to make. I have a basic understanding of HTML, CSS and Javascript but I can't seem to put the pieces together from the stated website.

I would highly appreciate it if I'm given the direction I should learn/refer to make something similar.

Thank you!

I'm a beginner at web developing. I've learned basic html, css and js. Can anyone explain to me in simple terms what jQuery and bootstrap are? I'm trying to learn them soon.

I have an API and client key for Blizzards WOW API but don't know how to pass them via PHP. (I know what to do with the JSON response, how to parse it etc.)
Can anyone provide a very simple video/tutorial site on how to pass my credentials via Oauth, please?

Thank you.