diff options
Diffstat (limited to 'files/fr/web/api/devicemotionevent')
5 files changed, 153 insertions, 230 deletions
diff --git a/files/fr/web/api/devicemotionevent/accelerationincludinggravity/index.md b/files/fr/web/api/devicemotionevent/accelerationincludinggravity/index.md index 64ab8dff1d..b2ac98e787 100644 --- a/files/fr/web/api/devicemotionevent/accelerationincludinggravity/index.md +++ b/files/fr/web/api/devicemotionevent/accelerationincludinggravity/index.md @@ -11,61 +11,43 @@ tags: - axes translation_of: Web/API/DeviceMotionEvent/accelerationIncludingGravity --- -<p>{{ ApiRef("Device Orientation Events") }}</p> +{{ ApiRef("Device Orientation Events") }} -<p>La propriété <strong><code>accelerationIncludingGravity</code></strong> renvoie la valeur d'accélération enregistrée par l'appareil, en <a href="https://fr.wikipedia.org/wiki/M%C3%A8tre_par_seconde_carr%C3%A9e">mètres par seconde au carré (m/s<sup>2</sup>)</a>. Contrairement à {{domxref("DeviceMotionEvent.acceleration")}} qui compense pour tenir compte de l'influence de la gravité, sa valeur est la somme de l'accélération de l'appareil induite par l'utilisateur et de celle provoquée par la gravité.</p> +La propriété **`accelerationIncludingGravity`** renvoie la valeur d'accélération enregistrée par l'appareil, en [mètres par seconde au carré (m/s<sup>2</sup>)](https://fr.wikipedia.org/wiki/M%C3%A8tre_par_seconde_carr%C3%A9e). Contrairement à {{domxref("DeviceMotionEvent.acceleration")}} qui compense pour tenir compte de l'influence de la gravité, sa valeur est la somme de l'accélération de l'appareil induite par l'utilisateur et de celle provoquée par la gravité. -<p>Cette valeur n'est pas aussi utile que {{domxref("DeviceMotionEvent.acceleration")}}, mais elle peut être la seule disponible, par exemple pour un appareil qui ne peut supprimer la gravité des données d'accélération puisqu'il ne l'utilise pas, comme les périphériques sans gyroscope.</p> +Cette valeur n'est pas aussi utile que {{domxref("DeviceMotionEvent.acceleration")}}, mais elle peut être la seule disponible, par exemple pour un appareil qui ne peut supprimer la gravité des données d'accélération puisqu'il ne l'utilise pas, comme les périphériques sans gyroscope. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="eval">var acceleration = <em>instanceOfDeviceMotionEvent</em>.accelerationIncludingGravity; -</pre> + var acceleration = instanceOfDeviceMotionEvent.accelerationIncludingGravity; -<h2 id="Example">Valeur</h2> +## Valeur -<p>La propriété <code>accelerationIncludingGravity</code> est un objet fournissant une information sur l'accélération des 3 axes. Pour chacun d'eux, elle est représentée par leur propre propriété :</p> +La propriété `accelerationIncludingGravity` est un objet fournissant une information sur l'accélération des 3 axes. Pour chacun d'eux, elle est représentée par leur propre propriété : -<dl> - <dt><code>x</code></dt> - <dd>Représente l'accélération sur l'axe x qui est l'axe est-ouest.</dd> - <dt><code>y</code></dt> - <dd>Représente l'accélération sur l'axe y qui est l'axe nord-sud</dd> - <dt><code>z</code></dt> - <dd>Représente l'accélération sur l'axe z qui est l'axe haut-bas</dd> -</dl> +- `x` + - : Représente l'accélération sur l'axe x qui est l'axe est-ouest. +- `y` + - : Représente l'accélération sur l'axe y qui est l'axe nord-sud +- `z` + - : Représente l'accélération sur l'axe z qui est l'axe haut-bas -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Device Orientation')}}</td> - <td>{{Spec2('Device Orientation')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------- | ---------------------------------------- | -------------------- | +| {{SpecName('Device Orientation')}} | {{Spec2('Device Orientation')}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.DeviceMotionEvent.accelerationIncludingGravity")}}</p> +{{Compat("api.DeviceMotionEvent.accelerationIncludingGravity")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{ domxref("DeviceMotionEvent.acceleration") }}</li> - <li>{{ event("devicemotion") }}</li> - <li>{{ domxref("window.ondevicemotion") }}</li> - <li>{{ event("deviceorientation") }}</li> - <li>{{ domxref("DeviceOrientationEvent") }}</li> - <li><a href="/fr/docs/WebAPI/Detecting_device_orientation#Accelerometer_values_explained">Détecter l'orientation de l'appareil</a></li> - <li><a href="/fr/docs/Web/Guide/DOM/Events/Les_donn%C3%A9es_d_orientation_et_de_mouvement_expliqu%C3%A9es">Les données d'orientation et de mouvement expliquées</a></li> -</ul> +- {{ domxref("DeviceMotionEvent.acceleration") }} +- {{ event("devicemotion") }} +- {{ domxref("window.ondevicemotion") }} +- {{ event("deviceorientation") }} +- {{ domxref("DeviceOrientationEvent") }} +- [Détecter l'orientation de l'appareil](/fr/docs/WebAPI/Detecting_device_orientation#Accelerometer_values_explained) +- [Les données d'orientation et de mouvement expliquées](/fr/docs/Web/Guide/DOM/Events/Les_donn%C3%A9es_d_orientation_et_de_mouvement_expliqu%C3%A9es) diff --git a/files/fr/web/api/devicemotionevent/devicemotionevent/index.md b/files/fr/web/api/devicemotionevent/devicemotionevent/index.md index c8fa453f7e..b72ca21c2d 100644 --- a/files/fr/web/api/devicemotionevent/devicemotionevent/index.md +++ b/files/fr/web/api/devicemotionevent/devicemotionevent/index.md @@ -10,47 +10,43 @@ tags: - axes translation_of: Web/API/DeviceMotionEvent/DeviceMotionEvent --- -<p>{{APIRef("Device Orientation Events")}}{{Non-standard_header}}</p> - -<p>Le constructeur <strong><code>DeviceMotionEvent</code></strong> crée un nouveau {{domxref("DeviceMotionEvent")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var deviceMotionEvent = new DeviceMotionEvent(type[, options])</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><em>type</em></dt> - <dd>Doit être <code>"devicemotion"</code>.</dd> - <dt><em>options</em> {{optional_inline}}</dt> - <dd><p>Les options sont les suivantes :</p> - <ul> - <li><code>acceleration</code> : un objet donnant l'accélération de l'appareil sur les 3 axes X, Y et Z. L'accélération est exprimée en <a href="https://en.wikipedia.org/wiki/Meter_per_second_squared">m/s<sup>2</sup></a>.</li> - <li><code>accelerationIncludingGravity</code> : un objet donnant l'accélération de l'appareil sur les 3 axes X, Y et Z avec l'effet de la gravité. L'accélération est exprimée en <a href="https://en.wikipedia.org/wiki/Meter_per_second_squared">m/s<sup>2</sup></a>.</li> - <li><code>rotationRate</code> : un objet donnant la vitesse de rotation du changement d'orientation de l'appareil sur les axes alpha, beta et gamma. La vitesse de rotation est exprimée en degrés par seconde.</li> - <li><code>interval</code> : Un nombre représentant l'intervalle de temps, en millisecondes, avant d'obtenir des données à partir de l'appareil.</li> - </ul> - </dd> -</dl> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('Device Orientation')}}</td> - <td>{{Spec2('Device Orientation')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.DeviceMotionEvent.DeviceMotionEvent")}}</p> +{{APIRef("Device Orientation Events")}}{{Non-standard_header}} + +Le constructeur **`DeviceMotionEvent`** crée un nouveau {{domxref("DeviceMotionEvent")}}. + +## Syntaxe + + var deviceMotionEvent = new DeviceMotionEvent(type[, options]) + +### Paramètres + +- _type_ + - : Doit être `"devicemotion"`. +- _options_ {{optional_inline}} + + - : Les options sont les suivantes : + + - `acceleration` : un objet donnant l'accélération de l'appareil sur les 3 axes X, Y et Z. L'accélération est exprimée en [m/s<sup>2</sup>](https://en.wikipedia.org/wiki/Meter_per_second_squared) + + <sup>2</sup> + + . + + - `accelerationIncludingGravity` : un objet donnant l'accélération de l'appareil sur les 3 axes X, Y et Z avec l'effet de la gravité. L'accélération est exprimée en [m/s<sup>2</sup>](https://en.wikipedia.org/wiki/Meter_per_second_squared) + + <sup>2</sup> + + . + + - `rotationRate` : un objet donnant la vitesse de rotation du changement d'orientation de l'appareil sur les axes alpha, beta et gamma. La vitesse de rotation est exprimée en degrés par seconde. + - `interval` : Un nombre représentant l'intervalle de temps, en millisecondes, avant d'obtenir des données à partir de l'appareil. + +## Spécifications + +| Spécification | Statut | Commentaire | +| -------------------------------------------- | ---------------------------------------- | -------------------- | +| {{SpecName('Device Orientation')}} | {{Spec2('Device Orientation')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.DeviceMotionEvent.DeviceMotionEvent")}} diff --git a/files/fr/web/api/devicemotionevent/index.md b/files/fr/web/api/devicemotionevent/index.md index 259f1c68b0..f23131a75f 100644 --- a/files/fr/web/api/devicemotionevent/index.md +++ b/files/fr/web/api/devicemotionevent/index.md @@ -12,71 +12,52 @@ tags: - TopicStub translation_of: Web/API/DeviceMotionEvent --- -<p>{{apiref("Device Orientation Events")}}{{SeeCompatTable}}</p> +{{apiref("Device Orientation Events")}}{{SeeCompatTable}} -<h2 id="Résumé">Résumé</h2> +## Résumé -<p><code>DeviceMotionEvent</code> fournit aux développeurs Web des informations sur la vitesse des changements de position et d'orientation de l'appareil.</p> +`DeviceMotionEvent` fournit aux développeurs Web des informations sur la vitesse des changements de position et d'orientation de l'appareil. -<div class="warning"> -<p><strong>Attention :</strong> Actuellement, Firefox et Chrome ne gèrent pas les coordonnées de la même manière. Faites attention à cela lorsque vous les utilisez.</p> -</div> +> **Attention :** Actuellement, Firefox et Chrome ne gèrent pas les coordonnées de la même manière. Faites attention à cela lorsque vous les utilisez. -<h2 id="Constructeur">Constructeur</h2> +## Constructeur -<dl> - <dt>{{domxref("DeviceMotionEvent.DeviceMotionEvent","DeviceMotionEvent.DeviceMotionEvent()")}}</dt> - <dd><p>Crée un nouvel <code>DeviceMotionEvent</code>.</p></dd> -</dl> +- {{domxref("DeviceMotionEvent.DeviceMotionEvent","DeviceMotionEvent.DeviceMotionEvent()")}} + - : Crée un nouvel `DeviceMotionEvent`. -<h2 id="Propriétés">Propriétés</h2> +## Propriétés -<dl> - <dt>{{domxref("DeviceMotionEvent.acceleration")}} {{readonlyinline}}</dt> - <dd>Un objet donnant l'accélération du dispositif sur les trois axes X, Y et Z. L'accélération est exprimée en <a href="https://en.wikipedia.org/wiki/Meter_per_second_squared">m/s<sup>2</sup></a>.</dd> - <dt>{{domxref("DeviceMotionEvent.accelerationIncludingGravity")}} {{readonlyinline}}</dt> - <dd>Un objet donnant l'accélération de l'appareil sur les trois axes X, Y et Z avec l'effet de la gravité. L'accélération est exprimée en <a href="https://en.wikipedia.org/wiki/Meter_per_second_squared">m/s<sup>2</sup></a>.</dd> - <dt>{{domxref("DeviceMotionEvent.rotationRate")}} {{readonlyinline}}</dt> - <dd>Un objet donnant le taux de changement d'orientation de l'appareil sur les trois axes d'orientation alpha, bêta et gamma. Le taux de rotation est exprimé en degrés par seconde.</dd> - <dt>{{domxref("DeviceMotionEvent.interval")}} {{readonlyinline}}</dt> - <dd>Nombre représentant l'intervalle de temps, en millisecondes, auquel les données sont obtenues à partir de l'appareil.</dd> -</dl> +- {{domxref("DeviceMotionEvent.acceleration")}} {{readonlyinline}} + - : Un objet donnant l'accélération du dispositif sur les trois axes X, Y et Z. L'accélération est exprimée en [m/s<sup>2</sup>](https://en.wikipedia.org/wiki/Meter_per_second_squared). +- {{domxref("DeviceMotionEvent.accelerationIncludingGravity")}} {{readonlyinline}} + - : Un objet donnant l'accélération de l'appareil sur les trois axes X, Y et Z avec l'effet de la gravité. L'accélération est exprimée en [m/s<sup>2</sup>](https://en.wikipedia.org/wiki/Meter_per_second_squared). +- {{domxref("DeviceMotionEvent.rotationRate")}} {{readonlyinline}} + - : Un objet donnant le taux de changement d'orientation de l'appareil sur les trois axes d'orientation alpha, bêta et gamma. Le taux de rotation est exprimé en degrés par seconde. +- {{domxref("DeviceMotionEvent.interval")}} {{readonlyinline}} + - : Nombre représentant l'intervalle de temps, en millisecondes, auquel les données sont obtenues à partir de l'appareil. -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">window.addEventListener('devicemotion', function(event) { +```js +window.addEventListener('devicemotion', function(event) { console.log(event.acceleration.x + ' m/s2'); -});</pre> +}); +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Device Orientation')}}</td> - <td>{{Spec2('Device Orientation')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------- | ---------------------------------------- | -------------------- | +| {{SpecName('Device Orientation')}} | {{Spec2('Device Orientation')}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.DeviceMotionEvent")}}</p> +{{Compat("api.DeviceMotionEvent")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{ event("deviceorientation") }}</li> - <li>{{ domxref("DeviceMotionEvent") }}</li> - <li>{{ event("devicemotion") }}</li> - <li><a href="/fr/docs/WebAPI/Detecting_device_orientation">Détection de l'orientation de l'appareil</a></li> - <li><a href="/fr/docs/Web/Guide/Events/Orientation_and_motion_data_explained">Explication des données d'orientation et de mouvement</a></li> -</ul> +- {{ event("deviceorientation") }} +- {{ domxref("DeviceMotionEvent") }} +- {{ event("devicemotion") }} +- [Détection de l'orientation de l'appareil](/fr/docs/WebAPI/Detecting_device_orientation) +- [Explication des données d'orientation et de mouvement](/fr/docs/Web/Guide/Events/Orientation_and_motion_data_explained) diff --git a/files/fr/web/api/devicemotionevent/interval/index.md b/files/fr/web/api/devicemotionevent/interval/index.md index 65ff85c399..80f4374fac 100644 --- a/files/fr/web/api/devicemotionevent/interval/index.md +++ b/files/fr/web/api/devicemotionevent/interval/index.md @@ -7,45 +7,29 @@ tags: - Reference translation_of: Web/API/DeviceMotionEvent/interval --- -<p>{{apiref("Device Orientation Events")}}</p> - -<p>La propriété <strong><code>interval</code></strong> renvoie la granularité temporelle, exprimée en millisecondes, avec laquelle les données relatives aux mouvements sont obtenues du matériel.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var interval = <em>instanceOfDeviceMotionEvent</em>.interval; -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Device Orientation')}}</td> - <td>{{Spec2('Device Orientation')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.DeviceMotionEvent.interval")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{ domxref("DeviceMotionEvent") }}</li> - <li>{{ event("devicemotion") }}</li> - <li>{{ domxref("window.ondevicemotion") }}</li> - <li>{{ event("deviceorientation") }}</li> - <li>{{ domxref("DeviceOrientationEvent") }}</li> - <li><a href="/fr/docs/WebAPI/Detecting_device_orientation">Detecting device orientation</a></li> -</ul> +{{apiref("Device Orientation Events")}} + +La propriété **`interval`** renvoie la granularité temporelle, exprimée en millisecondes, avec laquelle les données relatives aux mouvements sont obtenues du matériel. + +## Syntaxe + + var interval = instanceOfDeviceMotionEvent.interval; + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------- | ---------------------------------------- | ------------ | +| {{SpecName('Device Orientation')}} | {{Spec2('Device Orientation')}} | | + +## Compatibilité des navigateurs + +{{Compat("api.DeviceMotionEvent.interval")}} + +## Voir aussi + +- {{ domxref("DeviceMotionEvent") }} +- {{ event("devicemotion") }} +- {{ domxref("window.ondevicemotion") }} +- {{ event("deviceorientation") }} +- {{ domxref("DeviceOrientationEvent") }} +- [Detecting device orientation](/fr/docs/WebAPI/Detecting_device_orientation) diff --git a/files/fr/web/api/devicemotionevent/rotationrate/index.md b/files/fr/web/api/devicemotionevent/rotationrate/index.md index d12e2c76d7..8b29800840 100644 --- a/files/fr/web/api/devicemotionevent/rotationrate/index.md +++ b/files/fr/web/api/devicemotionevent/rotationrate/index.md @@ -10,63 +10,43 @@ tags: - Vitesse translation_of: Web/API/DeviceMotionEvent/rotationRate --- -<p>{{ ApiRef("Device Orientation Events") }}</p> +{{ ApiRef("Device Orientation Events") }} -<p>La propriété <code><strong>rotationRate</strong></code> renvoie la vitesse de rotation de l'appareil autour de chacun de ses axes en degrés par seconde.</p> +La propriété **`rotationRate`** renvoie la vitesse de rotation de l'appareil autour de chacun de ses axes en degrés par seconde. -<div class="note"> - <p><strong>Note :</strong> Si le matériel n'est pas capable de fournir cette information, la propriété renvoie <code>null</code>.</p> -</div> +> **Note :** Si le matériel n'est pas capable de fournir cette information, la propriété renvoie `null`. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">var rates = <em>instanceOfDeviceMotionEvent</em>.rotationRate; -</pre> + var rates = instanceOfDeviceMotionEvent.rotationRate; -<h2 id="Valeurs">Valeurs</h2> +## Valeurs -<p>La propriété <code>rotationRates</code> est un objet en lecture seule décrivant la vitesse de rotation d'un appareil autour de chacun de ses axes :</p> +La propriété `rotationRates` est un objet en lecture seule décrivant la vitesse de rotation d'un appareil autour de chacun de ses axes : -<dl> - <dt><code>alpha</code></dt> - <dd>La vitesse de rotation de l'appareil sur son axe Z ; c'est-à-dire déplacé autour d'une ligne perpendiculaire à l'écran.</dd> - <dt><code>beta</code></dt> - <dd>La vitesse de rotation de l'appareil sur son axe X ; c'est-à-dire de l'avant vers l'arrière.</dd> - <dt><code>gamma</code></dt> - <dd>La vitesse de rotation de l'appareil sur son axe Y ; c'est-à-dire d'un côté à l'autre.</dd> -</dl> +- `alpha` + - : La vitesse de rotation de l'appareil sur son axe Z ; c'est-à-dire déplacé autour d'une ligne perpendiculaire à l'écran. +- `beta` + - : La vitesse de rotation de l'appareil sur son axe X ; c'est-à-dire de l'avant vers l'arrière. +- `gamma` + - : La vitesse de rotation de l'appareil sur son axe Y ; c'est-à-dire d'un côté à l'autre. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Device Orientation')}}</td> - <td>{{Spec2('Device Orientation')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | État | Commentaires | +| -------------------------------------------- | ---------------------------------------- | -------------------- | +| {{SpecName('Device Orientation')}} | {{Spec2('Device Orientation')}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.DeviceMotionEvent.rotationRate")}}</p> +{{Compat("api.DeviceMotionEvent.rotationRate")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{ domxref("DeviceMotionEvent") }}</li> - <li>{{ event("devicemotion") }}</li> - <li>{{ domxref("window.ondevicemotion") }}</li> - <li>{{ event("deviceorientation") }}</li> - <li>{{ domxref("DeviceOrientationEvent") }}</li> - <li><a href="/fr/docs/WebAPI/Detecting_device_orientation">Détecter l'orientation de l'appareil</a></li> - <li><a href="/fr/docs/Web/Guide/DOM/Events/Les_donn%C3%A9es_d_orientation_et_de_mouvement_expliqu%C3%A9es">Les données d'orientation et de mouvement expliquées</a></li> -</ul> +- {{ domxref("DeviceMotionEvent") }} +- {{ event("devicemotion") }} +- {{ domxref("window.ondevicemotion") }} +- {{ event("deviceorientation") }} +- {{ domxref("DeviceOrientationEvent") }} +- [Détecter l'orientation de l'appareil](/fr/docs/WebAPI/Detecting_device_orientation) +- [Les données d'orientation et de mouvement expliquées](/fr/docs/Web/Guide/DOM/Events/Les_donn%C3%A9es_d_orientation_et_de_mouvement_expliqu%C3%A9es) |