Instead of using the default browser controls, you can use the HTML5 tag combined with the Media Streams API.
Use the navigator.geolocation API to get latitude and longitude, then fetch data from a weather API.
Understanding media elements and DOM manipulation. 2. Interactive "Drag and Drop" Task Board