Mapping very large GPS tracks using HTML and Javascript - javascript

I'm making a blog for an upcoming bicycle tour and I'd like to have a map showing my progress. I've searched for hours for an existing product or service and nothing even came close. I know it's possible because I've seen it done before (https://dl.dropboxusercontent.com/u/19443192/billy/BillysRoute.html).
I will be recording each day's ride and getting a single .GPX file for each day. Ideally I'd like to be able to upload each day's .GPX to an online database like Google Drive or Dropbox and have the map automatically update including the new track. It would also be nice to be able to embed the map on my blog, but just linking to the map would also be fine.
So far I haven't even been able to find a method to place very many tracks on a single online map. Recently I tried dissecting the example I posted above to see how it was made and found that writing a fairly simple HTML/JavaScript might be the answer. I did my best reading through the Google Developer pages but having no coding experience I am pretty quickly overwhelmed.
TL;DR my questions are:
1) How was (https://dl.dropboxusercontent.com/u/19443192/billy/BillysRoute.html) made and/or how can I make a similar one using several GPS tracks?
2) Is it possible to build an online map that displays several .GPX tracks drawn from a folder in Google Drive, Dropbox or similar?

Yes, what you are asking is definitely possible. The question is where and how you want to do it. For example, for Wordpress-based blogs, there are plugins that allow you to easily do what you are asking for. https://wordpress.org/support/plugin/google-maps-gpx-viewer (and others) may be interesting for you. If you already have a blog then you should look at whether it has similar features you can use or enable.

Related

How to implement Speech 'Identification' in Javascript (or a Flask WebApp)?

I needed to implement speech 'identification', ie. Guess if the person who is trying to login, is actually him/her, by matching his/her voice.
To consider the case, where the app doesn't recognize the person, but the user is himself trying to login, then he may bypass it with a pin, setup during initial settings.
I am using Python and Flask, to build the webapp, and included javascript in the question, so as to know of possible ways in it too.
Till now, i read about it from some sources, but i couldn't arrive at a possible solution, on stack overflow, as well as 'few' blog posts.
The best 'possible' solution i could arrive at was Cognitive Speech Services by Microsoft -
https://azure.microsoft.com/en-us/services/cognitive-services/speaker-recognition/
I also thought of recording the voice using the Recorder.js, and analyzing at the server end, but couldn't implement it.
So, i wanted a way to implement it on the web app, even a simple gist with a bit of code on using ms cognitive services (i did read pages of the documentation, but it didnt help much), or doing it by python will be helpful.
The documentation at https://learn.microsoft.com/en-us/azure/cognitive-services/speaker-recognition/home will be helpful. Note that there are clickthrough links to the API reference. It explains the high-level process (use “enrollment” to train).
We have speaker identification, which is distinguishing who is speaking from a group of known voices that you train with. You need to provide labelled data (meaning examples of a known speaker talking): see https://westus.dev.cognitive.microsoft.com/docs/services/563309b6778daf02acc0a508/operations/5645c3271984551c84ec6797.
or
Please follow the below link speech SDK samples.
https://learn.microsoft.com/en-us/azure/cognitive-services/speech-service/
You can use batch transcription api and enable diarization.
https://learn.microsoft.com/en-us/azure/cognitive-services/speech-service/batch-transcription
As #Ram pointed out that we can use the Microsoft Cognitive Services, we used the same to implement it.
First, we needed an API key from Microsoft for the Cognitive Speech Service (they give a 2 keys, and an endpoint for 7 days in a free trial, without any card, and another free version for a year maybe, with card details)
Get the API keys here : https://azure.microsoft.com/en-in/try/cognitive-services/?unauthorized=1
Then, i went through the documentation of Microsoft, but couldn't really be helped by it.
What helped was this : https://github.com/rposbo/speaker-recognition-api
I went through all files, and the 'needed' part was mainly in the speech-recognition-api-demo-core.js and the demo.html
First understand what it's really doing, then only you can implement it on your page.
That actually concludes the answer, since that's how it 'can' be implemented using Javascript.
Extra - https://github.com/AdityaGupta150/ProtoMain - We have used only the needed part of Robin posbo's code (you won't be able to just copy paste, first understand it), and implemented it, you can see that in templates/verification.html

How to parse through Twitch webpage and get list of online streamers

I know this has been done many times before but I am new to the coding scene (relatively new) and love to fiddle around with things. I've never managed to make anything really be functional, as in useful to me. I'm trying to make a chrome extension that shows a list of the online Counter Strike streamers that are currently streaming. I have no idea how to go about this. Is there a way through jQuery to go through this the page and take the first ~10 usernames it find?
I already know how to make the extension and the HTML and all that stuff. Just looking for functionality. I have a list at the moment on an HTML page. There's nothing in the list but I want to fill it with the online streamers. Solely doing this for a "fun" project to get some practice in. So not exactly looking for full answers but someone to point me in the right direction :D.
Completely lost on how to do this. Would regular expressions work?
A mediocre way to do this would be to go into a Twitch page, look for the elements that repeat for each streamer and grabbing the inner HTML, that is, the information on who's streaming.
The proper way to do this would be to go through Twitch's dev API and find information using their dedicated web services and information hooks. Consider it as a way for Twitch to get people invested in their website by providing them easy 'methods' to retrieve things like who's streaming, how many, etc.
I've never used it, but I'm sure it's simple and it's made for this situation.

Access google data using javascript - no solid information humans can understand

I have spent days trying to find any information or working samples on how I can get google data such as emails in my gmail inbox, list of my contacts, my calendar events etc...
None whatsoever :( There are broken pieces of some code fragments here and there, 90% say it's been deprecated, is the a one single page on the internet that gives me a working example how to do that from javascript. Many pages about oAuth, but I have absolutely no idea how to use it , I have spent days reading broken pieces here and there, but I was unable to understand what that it and how I can use it PRACTICALLY. Very sad, and I am very tired to waste so much time on things that dont work and are not documented in human language, possible to understand. Why do they have to overcomplicate thing so much and spread broken pieces of information everywhere?
It's a bit fragmented, but not that hard to get an overview of. Every Google API documentation page has a clear sign stating whether or not the API is deprecated or not.
Anyways, here's a link to the Google Data Protocol (with clear deprecation signs for deprecated APIs). If you follow that path, you should be able to navigate to the APIs that have replaced the old ones as well. I've personally been using the Gdata Python library to populate Google spreadsheets and it's working fine.

Google maps - map from certain date and time

Please before you vote this down consider the question as I have not been able to conceptualize a better way or place to ask it:
I have experimented adequately with google maps to understand the overall structure. Making requests, creating custom flags, etc. It is all quite easy and very similar the jCharts library.
Now, google obviously has something that is not available: a map from a certain date in the past. I do not need a full day by day iteration, but even every 6 months or so would be huge.
Is this possible? Has anyone else experimented with this?
Is the only option to save results locally and reinvent the google maps wheel?
Thank you very much
Google Earth has this functionality: http://www.google.com/earth/explore/showcase/historical.html
Travel back in time with Historical Imagery in Google Earth. View your neighborhood, home town, and other familiar places to see how they have changed over time.
As for Google maps:
A discussion suggesting the use of older URLs to obtain the old satellite images.
This example supposedly pulls older images if they're available. Doesn't work that well for me.
This search on the Google groups might help but I see numerous posts about it not being officially available.
There is no official service. These posts hint at ways to go back a
short while, under some circumstances.
http://groups.google.com/group/google-maps-api/search?group=google-maps-api&q=old+satellite
Note the comments about seeing if it is within the terms - probably
not - and the risk of getting (temporarily) blocked.

How to implement web-based Anonymity-Tests?

I recently came across some websites that demonstrate which information can be obtained from a user's system and show how 'anonymous' one is. For example these two sites here: http://ip-check.info/?lang=en or http://www.leader.ru/secure/who.html . So I became curious what information actually can be found about a web-user.
1.) Which techniques can be used to gather information about a web-user
From what I noticed they are using JavaScript, Java and Flash to gather all local information they can and send it to the server. Beside that, I'd like to know what other techniques can be used to gather information about the user's system or the user itself.
2.) Where can I find resources to implement an anonymity test
As I haven't done much web-programming I am interested in information and code to get started on an implementation.
Well, one of the sites you listed goes through what it does in detail, so I would start there.

Categories