How to run html file on localhost?
JavascriptHtmlLocalhostWebcamMirrorJavascript Problem Overview
I have a html file and i run it on localhost. But, this file includes mirror using webcam. Example, how can i run this html file on localhost? Webcam starting on this example when check to live checkbox. Thanx for your reply.
Javascript Solutions
Solution 1 - Javascript
You can run your file in http-server.
1> Have Node.js installed in your system.
2> In CMD, run the command npm install http-server -g
3> Navigate to the specific path of your file folder in CMD and run the command http-server
4> Go to your browser and type localhost:8080. Your Application should run there.
Thanks:)
Solution 2 - Javascript
You can use python -m http.server. By default the local server will run on port 8000. If you would like to change this, simply add the port number python -m http.server 1234
If you are using python 2 (instead of 3), the equivalent command is python -m SimpleHTTPServer
Solution 3 - Javascript
Solution 4 - Javascript
-
Install Node js - https://nodejs.org/en/
-
go to folder where you have html file: - In CMD, run the command to install http server-
npm install http-server -g- To load file in the browser run -http-server -
If you have specific html file. Run following command in CMD.-
http-server fileName -
by default port is
8080 -
Go to your browser and type
localhost:8080. Your Application should run there. -
If you want to run on different port:
http-server fileName -p 9000
> Note : To run your .js file run: node fileName.js
Solution 5 - Javascript
As Nora suggests, you can use the python simple server.
Navigate to the folder from which you want to serve your html page, then execute python -m SimpleHTTPServer.
Now you can use your web-browser and navigate to http://localhost:8000/ where your page is being served.
If your page is named index.html then the server automatically loads that for you. If you want to access any other page, you'll need to browse to http://localhost:8000/{your page name}
Solution 6 - Javascript
If you have Node.js installed then from the folder you want to share you can simply run:
npx http-server
To add CORS you can run:
npx http-server --cors
Solution 7 - Javascript
On macOS:
Open Terminal (or iTerm) install Homebrew then run brew install live-server and run live-server.
You also can install Python 3 and run python3 -m http.server PORT.
On Windows:
If you have VS Code installed open it and install extension liveserver, then click Go Live in the bottom right corner.
Alternatively you can install WSL2 and follow the macOS steps via apt (sudo apt-get).
On Linux:
Open your favorite terminal emulator and follow the macOS steps via apt (sudo apt-get).
Solution 8 - Javascript
You can try installing one of the following localhost softwares:
- xampp
- wamp
- ammps server
- laragon
There are many more such softwares but the best among them are the ones mentioned above. they also allow domain names (for example: example.com)
Solution 9 - Javascript
You can install Xampp and run apache serve and place your file to www folder and access your file at localhost/{file name} or simply at localhost if your file is named index.html
Solution 10 - Javascript
You can also use PHP to server the files in http
make sure you installed PHP, run the below command to verify
php --version
if PHP is not installed run below command to install it
sudo apt install php7.4-cli
Once after the installation go to the file path and execute the below command in the terminal
php -S localhost:8000