Adapt api.MediaDevices.ondevicechange to new events structure

[queengooborg]

This PR adapts the devicechange event of the MediaDevices API to conform to the new events structure.

BCD PR: mdn/browser-compat-data#15165

[github-actions]

Preview URLs

• https://pr13526.content.dev.mdn.mozit.cloud/en-US/docs/Mozilla/Firefox/Releases/52
• https://pr13526.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/MediaDevices/devicechange_event
• https://pr13526.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/MediaDevices

Flaws

URL: /en-US/docs/Mozilla/Firefox/Releases/52
Title: Firefox 52 for developers
on GitHub
Flaw count: 14

• macros:
  • /en-US/docs/Web/HTML/Element/svg does not exist
  • wrong xref macro used (consider changing which macro you use)
• broken_links:
  • Is currently http:// but can become https://
  • Can't resolve /en-US/docs/Archive/B2G_OS/API/MozVoicemail
  • Can't resolve /en-US/docs/Archive/B2G_OS/API/MozVoicemailEvent
  • Can't resolve /en-US/docs/Archive/B2G_OS/API/MozVoicemailStatus
  • Can't resolve /en-US/docs/Archive/B2G_OS/API/Navigator/mozVoicemail
  • and 7 more flaws omitted

---

URL: /en-US/docs/Web/API/MediaDevices
Title: MediaDevices
on GitHub
Flaw count: 9

• macros:
  • wrong xref macro used (consider changing which macro you use)
  • wrong xref macro used (consider changing which macro you use)
  • wrong xref macro used (consider changing which macro you use)
  • wrong xref macro used (consider changing which macro you use)
  • wrong xref macro used (consider changing which macro you use)
  • and 3 more flaws omitted
• bad_bcd_links:
  • no explanation!

---

URL: /en-US/docs/Web/API/MediaDevices/devicechange_event
Title: MediaDevices: devicechange event
on GitHub
Flaw count: 1

• broken_links:
  • Can't resolve /en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla

External URLs

URL: /en-US/docs/Mozilla/Firefox/Releases/52
Title: Firefox 52 for developers
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/MediaDevices
Title: MediaDevices
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/MediaDevices/devicechange_event
Title: MediaDevices: devicechange event
on GitHub

No new external URLs

(this comment was updated 2022-03-10 02:17:43.642207)

[teoli2003]

[REVIEW IN PROGRESS] Checklist I used for reviewing this event Content PR:

When onXYZ exists, for each onXYZ

• Redirect from /Web/API/xxxx/onXYZ to /Web/API/xxxx/XYZ_event` set
• /Web/API/xxxx/onXYZ deleted.
• In /Web/API/xxxx/XYZ_event:
  • Front-runner YAML: Correct browser-compat front-runner key
  • Front-runner YAML: Correct title front-runner key to: Interface: XYZ event (with ticks!)
  • Front-runner YAML: No Property and Event Handler int the tag list but Event in it (more cleaning possible)
  • Check if the event bubbles. If not, no mention in article
  • Intro explain the event itself and no more just onXYZ.

    Example: "The levelchange event of the Battery Status API is fired when the battery {{domxref("BatteryManager.level","level")}} property is updated."

  • No HTML table with Bubbles, Cancelable, and Interface lines.
  • Syntax section with the structure of the template, and fix the names of event and of the onXYZ property
  • If inheritance is not only Event, there is an Event type section (two texts possible!, with
    • {{InheritanceDiagram}} with the right argument
    • There is an Event properties section and list the parameters, taken from the interface of the event type
  • Check that no mention of this onXYZ is a link.
  • Check that links to other onXYZ are links to the corresponding XYZ_event

On the API interface page:

• There is no Event handlers section
• There is an Events section (with the correct events)
• Check that there are no links to onXYZ.

On each page of the interface and the API overview page:

• Check that there are no links to onXYZ.
• Check that examples uses the modern syntax for defining function in event handler (onXYZ = event => { …} )
• Check that no {{event} macro is left.
• Fix flaws (as much as possible); at least, make sure not to introduce new flaws.
• Check that if an event is linked to a property value, that property documents when this event is fired.

  Example: "When its value changes, the chargingchange event is fired."

Optional:

• Remove gremlins (non-breaking spaces, curly tick, curly double-ticks)
• If the interface is no more experimental, remove the experimental tags/banners.

Administration:

• Link to the BCD PR.

[teoli2003]

👍