H5 error: Only secure origins are allowed when calling the user's computer camera.

this is the code that calls the user"s camera:

//
function getUserMedia(constraints, success, error) {
    if(navigator.mediaDevices.getUserMedia) {
        //API
        navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error);
    } else if(navigator.webkitGetUserMedia) {
        //webkit
        navigator.webkitGetUserMedia(constraints, success, error)
    } else if(navigator.mozGetUserMedia) {
        //firfox
        navigator.mozGetUserMedia(constraints, success, error);
    } else if(navigator.getUserMedia) {
        //API
        navigator.getUserMedia(constraints, success, error);
    }
}

this is an error reported by the front console:

what should the seniors do about it?

Html html5

Mar.15,2021

you need a web page that uses https to call getUserMedia ()

for debugging, you can use localhost. (remember that if localhost allows you to call without https)

resolved.
in the background, flask, can add the ssl parameter when it starts.

Previous: Webstorm has been set to be compatible with es6, but the code is still red wavy.

Next: How phpstom debugs thinkphp projects

Ios embedded h5 page input box click on the blank space will not lose focus the soft keyboard will not be put away
ios embedded h5 page input box will not lose focus if you click on the blank space. The soft keyboard will not fold. what should I do? try to bind the click event to document. If the input box loses focus when you click, it is still invalid. ...

Ios html html5 javascript

Feb.27,2021
How to listen for events when a browser closes a page
as shown in the figure, how to determine that the user clicked on this X, and execute the corresponding method. ...

Html html5 javascript

Feb.27,2021
The problem that the connection of graph diagrams is not online in ECharts.
use series [I]-graph.data [I] .name can be displayed normally, but do not want to use name. returned data format: [ { "mName":"", "depth":2, "name":"", ...

Echarts3 css html html5

Feb.27,2021
How does the H5 page evoke the mobile phone soft keyboard as soon as it enters the page?
Mobile input focus cannot directly evoke the mobile phone keyboard, what is the related auxiliary operation? Simple H5 page, do not use any framework, how to automatically evoke the soft keyboard? ...

Html html5 javascript

Feb.27,2021
The height of td is stretched out, how can it be 100%?
The height of td is stretched by the height of other td, so the work schedule cannot be centered vertically. ...

Javascript php css html html5

Feb.28,2021
The content of element-ui table is not centered vertically
how to make the content of table not be centered vertically? you can set valign= "top " in html, then how to set it in element The table is centered vertically when it is stretched out, and the working hours are aligned with the one at 8 o clock . ...

Javascript css html html5

Feb.28,2021
How to display 5 div sequentially with js
div1 {display: none} div2 {display: none} div3 {display: none} div4 {display: none} div5 {display: none} setTimeout (function) { var obj=document.getElementById ( "div1 "); obj.style.display= "inline "; }, 2000) how to display with settimeout...

Css html html5 javascript

Feb.28,2021
What is the reason for calling getCropData () to report an error when clicking?
Hello, what is the reason why I call this.$refs.cropper.getCropData () to get screenshot information and report e is not a function when I use your image clipping plug-in? And this cut does not seem to have the effect that the cut can only show the conte...

Html html5

Feb.28,2021
Canvas drawing drag problem
draw the subway map to achieve the drag function, the first drag is normal, the back drag will appear a backward effect in the opposite direction. function clickSubway(e) { isDrag=true; start_x=e.pageX-draw.offsetLeft; start_y=e.pageY-draw....

Javascript html html5

Feb.28,2021
Vue data is stored and displayed on the page
The end result of vue implementation is to refresh the page and chat records of two people I would like to ask all the great gods to give us a train of thought in one or two. ...

Javascript html html5

Feb.28,2021
Judgment on the scope of time. Element UI in the case of editing
when I was creating the exam. The start time can be earlier or later than the current time, but if the start time is later than the end time, I should prompt "the start time cannot be later than the end time ". If the start time is earlier than the curr...

Element-ui vue.js html html5 javascript

Feb.28,2021
How to add components dynamically by vue
requirements are as follows: click the addFisrt button to add the content of the first component, click addSecond to dynamically add the content of the second component and can add without limit ~ ask the great gods to provide ideas and methods ~ thank ...

Html html5 javascript vue.js

Feb.28,2021
How to set WeChat Mini Programs navigationbartitletext to center the title
in the official document, navigationbartitletext can only set the properties of the top bar in the json settings file. Under real machine debugging, the top bar text automatically runs to the far left side of the phone. How to set the top bar to center l...

Css html html5 javascript

Feb.28,2021
Why can't the background-image written in css find the background?
.body { background-image:url("image 1.jpg"); } I have tried the following background-image:url ( "1.jpg "); background-image:url ( " image 1.jpg "); background-image:url ( ".. image 1.jpg "); background-image:url ( ".. .. image 1.j...

Html html5 css

Feb.28,2021
Is there any efficient way to clear the value of attributes in an object?
1. For the following object, how to clear its property value editForm: { showDialog: false, id: , name: , url: , param: , nameSpace: , }, is there any other way (traversal...

Html html5 javascript

Mar.01,2021
The problem of receiving values in the H5 interface and some JS problems.. (online, etc.)
problem 1: now the company is developing an activity that uses the H 5 interface to do it. Click on the pop-up window on the native app and enter my H5 interface. pass a user ID, ask me how my current H5 interface should receive the parameters passed ...

Ios android javascript html html5

Mar.01,2021
Has anyone ever done anything like JD.com, where the page scrolls down and the content is gradually rendered and inserted?
I haven t done it. I want to know what the train of thought is . Does first store each section structure as a string, then scroll to the specified location, and execute the following code? is similar to paging loading, but the content and layout of ...

Javascript css html html5

Mar.01,2021
There are three ul, on my page. I switch the contents of the ul when I click, but when I switch, I will see the content of the previous ul flash. How to solve the problem of flashing?
there are three ul, on my page. I switch the contents of the ul when I click, but when I switch, I will see the content of the last ul flash. How to solve the problem of flashing? my code is like this <ul> <li v-for=&quo...

Html html5 javascript

Mar.01,2021
What to do if the Chinese characters in react ant design mobile are not written directly in the code?
the framework of react-based ant design mobile does not write Chinese text directly in the code, so where is the Chinese text written and how should it be used? ask for advice, one for beginners ...

Html html5 css php javascript

Mar.01,2021
After clicking the menu bar, change the style
as shown in the picture, this is the menu of a background management system. After I clicked on the small menu, I was clicked to change the color, and only one changed the color at the same time. Ask for demo or link ...

Html html5 css javascript

Mar.01,2021