Published 1st of April 2020
Ever used your nose to swipe or touch a button on your phone? Finally it is here. The nose touch API feature! Adios touch friendly gloves! This is especially useful in cold countries like the Nordics. Or if you’re having wet fingers, or just missing a third hand. By activating this beta functionality you may activate nose gesture for touch screen devices on your Episerver web site.
Yes, it seems to work on Android too, but as usual less good though.
Source CBS: Ryan Tannehill used his nose to control his tablet screen
How to implement on your site
1. Activate beta feature
The nose gesture is in beta, so to be able to use it in a web browser, you need to activate it thru the Feature Policy. Feature Policy provides a mechanism to explicitly declare what functionality is used (or not used), throughout your website.
Add to web.config or by code to response header “Feature Policy”=”nose-touch *”. * Star meaning the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
<add name="Feature-Policy" value="nose-touch *;"/>
alert("yeah clicked with nose")
alert("yeah swiped to the " + e.direction)
<!-- add this script bottom body to activate functionality in browser -->
Conclusion and demo page
I would recommend to use this feature for all sites with customers groups in cold countries or states. Perfect for ski resorts or hockey arenas. Perfect if you have a big french nose like me.
Try it here: DEMO PAGE
Since this have been a problem since smart phones came back in 2007. Dominic Wilcox seems have solved the problem with a nose finger.
- click with nose
- nose swiping
- Apple Safari enables nose touch api
- nose gestures
About the author
– Independent Senior Web Developer
working with Azure and Episerver