I wonder to know how can I make my .html project run not from file:// but as a localhost because one of the functions I've implemented requires getUserMedia which browsers instantly block, when loading from file://. I've done a lot of research on this but I'm still not understanding how it should be done, so if you can, please explain it in detail if it's not too pretentious of me, of course.

I wonder to know how can I make my .html project run not from file:// but as a localhost because one of the functions I've implemented requires getUserMedia which browsers instantly block, when loading from file://. I've done a lot of research on this but I'm still not understanding how it should be done, so if you can, please explain it in detail if it's not too pretentious of me, of course.

• javascript
• html
• hosting
• filestream

• You need some sort of http server - without knowing what OS you're running I wont recommend anything in particular – Jaromanda X Commented Sep 1, 2015 at 13:07
• Install some IDE like NetBeans. Create Web project. add your html code to index html if its a single page application. Or the other way install server and run your project on that server – Anita Commented Sep 1, 2015 at 13:07
• The most popular Webservers would be nginx and Apache – Tom Doodler Commented Sep 1, 2015 at 13:09
• @Jaromanda X, that's the goal to make it http://... and yeah, I'd prefer the second option - to create a.server and to make the folder with the project somehow hostable to my computer and it to run through this server... I've really a zero knowledge in server establishing,so far just javascript,.jquery, html and css, so don't wonder about my unawared comments, maybe... One guy told me that python can create localhost:/ but after I installed it it didn't work... Tx for the replays, so.far. – KDX2 Commented Sep 1, 2015 at 13:14
• as I said, without knowing which OS you are running, it'd be presumptuous of me to recommend anything in particular – Jaromanda X Commented Sep 1, 2015 at 13:16

5 Answers 5

install node js

npm install -g http-server

from the directory containing html files.

http-server ./ -p 80

reference https://github.com/indexzero/http-server

I use live-server on my mac by running the below code on the command line from inside the folder containing your index.html:

live-server --port=8000

In addition to running index.html from localhost, live-server automatically reloads the page after any changes made to files that affect the dome for that page (i.e. .js or .css etc..) which can accelerate development.

Installation

You should probably install this globally.

npm install -g live-server

note:

• You need node.js in order to use npm.
• --port= can be any free port and not nessessarly 8000.

If you are on Ubuntu (or any other similar Linux distro) run

apt-get install apache2

then move your files to the /var/www/html folder, and navigate to localhost in your browser.

On Windows, you can install XAMPP, then move your files to wherever you installed it to in the \htdocs folder

Hope this helps, thanks.

python -m SimpleHTTPServer 8000

And you are good to go!

Start a server within seconds!

Note you do require an installed python

If you're using Python 3, then run this in the terminal:

python -m http.server

This should start a local host at port 8000. This can be configured within a python script that starts the server and then configures to the wanted settings.

Find more at the HTTP servers Python 3.9 documents.

Edit

This will start a local server for you where you can run .JS, .HTML, and .CSS