Appeler un numéro d’une page html depuis son mobile.

J'ai récemment fait l'acquisition d'un HTC Touch HD avec lequel je m'amuse un petit peu.

Le navigateur mobile que je préfère est Iris de Torch Mobile, basé sur le moteur Webkit (le même moteur que l'iPhone). J'attends impatiemment Mozilla Fennec ou une version stable et gratuite d'Opera Mobile.

Grâce à Iris, je peux suivre mes réseaux sociaux d'où que je puisse me trouver.

L'un d'entre eux (Facebook) a bien intégré la possibilité de pouvoir appeler directement numéro de téléphone sur une page html.

Exemple 1 : Facebook Mobile

Disponible au téléchargement sur Viméo: Demo of the TEL URI protocol #1: Facebook

Je me rends sur le profil d'un compte de test Facebook qui contient un numéro de téléphone défini, je clique sur le numéro, et la communication téléphonique s'initialise !

Exemple 2 : les pages .tel

Le TLD .tel vient d'être libéré et donc tout le monde peut, dès à présent, enregistrer son domaine .tel.

Qu'offre un domaine .tel ?

".tel est un service permettant aux particuliers et aux entreprises de stocker et de gérer toutes leurs coordonnées et leurs mots-clés, directement dans le DNS, sans avoir à concevoir, héberger ni gérer de site Web."

En théorie, c'est alléchant. Via mon navigateur mobile (et pourquoi pas associé avec un code QR ?), je saisis l'adresse .tel d'une personne/entreprise et je pourrais être à même de lui téléphoner directement.

Disponible au téléchargement sur Viméo: Demo of the TEL URI protocol #2: dot.tel page

Je me rends sur une page .tel, je clique sur le numéro de téléphone et j'ai une erreur "l'url n'emploie pas un protocole reconnu" !!!

Le code pour téléphoner d'une page html depuis un mobile.

Le pseudo-protocole callto:

Il est employé par beaucoup (Skype, NetMeeting, ...) mais n'est pas enregistré. En fait, il est "Une réinvention de la roue".

Comme ce protocole n'est pas défini, les développeurs de navigateurs sont libres de faire un peu ce qu'ils veulent.

C'est le protocole qu'utilisent les pages .tel :

<a class="data" title="callto:+12125551234" href="callto:+12125551234">+12125551234</a>


Ce code marche bien pour les navigateurs ayant Skype ou NetMeeting, mais sur une page vue sur un mobile...

Solution : servir un contenu différent pour les navigateurs mobiles et desktop

Le standard existants: le protocole tel:

La RFC3966, intitulée "The tel URI for Telephone Numbers" (ou l'URI tel pour les numéros téléphoniques) nous éclaire.

Le protocole a employer est tel:. Il sera suivi du numéro de téléphone (avec quelques contraintes).

C'est le code employé par la version iPhone de Facebook :

<a class="listButton" href="tel:+320123456789">Call +320123456789</a>


Le protocole tel: permet donc de passer un coup de fil rapidement et sans problèmes !

Comments

6 commentaires à “Appeler un numéro d’une page html depuis son mobile.”

  1. Oncle Tom le 29/03/2009 à 12h15.

    Bon à savoir ce protocole tel:. Merci pour l'info !

  2. chrisdenice le 26/07/2009 à 19h48.

    Super ! j'ai testé sur mon Iphone, ça marche parfaitement? Encore merci pour cette info.

  3. Jean Leyrat le 20/09/2009 à 08h10.

    J'ai testé, ça marche! Merci pour l'info!

  4. Filip K le 06/10/2009 à 17h41.

    Bonjour, merci pour l'astuce.

    Je développe actuellement sur l'Iphone et je souhaiterais appeler en numéro masqué. Je dois donc ajouter le préfixe "#31#". Lorsque je place le préfixe dans le code Html, cela ne fonctionne pas. C'est à dire que l'appel ne démarre pas. Auriez vous une idée?

    Ps: Voici le code utilisé :
    Call 0606060606

  5. Marin le 07/10/2009 à 10h08.

    Je viens de faire le test en employant <a href="tel:#31#066666">Call 066666</a> et ça ne passe effectivement pas, le navigateur mobile reconnait bien le premier dièse comme tel, le second est urlencodé et transformé en %23

    Je ne pense pas qu'on puisse faire grand chose à cela sauf reporter un bug.

  6. symio le 09/10/2009 à 23h30.

    il me semble que le callto de skype est sorite bien avant la rfc du tel. Autrement dit comment se prendre la tête au lieu de garder des truck qui marchent ...

Laissez un commentaire