Adapt api.RTCDTMFSender.ontonechange to new events structure

[queengooborg]

This PR adapts the tonechange event of the RTCDTMFSender API to conform to the new events structure.

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

[github-actions]

Preview URLs

• https://pr13594.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/RTCDTMFSender/insertDTMF
• https://pr13594.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/RTCDTMFSender/tonechange_event
• https://pr13594.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/RTCDTMFSender
• https://pr13594.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/RTCDTMFToneChangeEvent/tone
• https://pr13594.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/RTCDTMFToneChangeEvent
• https://pr13594.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/WebRTC_API/Using_DTMF

Flaws

Note! 3 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/RTCDTMFSender
Title: RTCDTMFSender
on GitHub
Flaw count: 2

• bad_bcd_links:
  • no explanation!
  • no explanation!

---

URL: /en-US/docs/Web/API/RTCDTMFSender/tonechange_event
Title: RTCDTMFSender: tonechange event
on GitHub
Flaw count: 1

• broken_links:
  • Link points to the page it's already on

---

URL: /en-US/docs/Web/API/WebRTC_API/Using_DTMF
Title: Using DTMF with WebRTC
on GitHub
Flaw count: 4

• macros:
  • /en-US/docs/Web/API/MediaConstraints does not exist
  • /en-US/docs/Web/API/RTCPeerConnection/createDTMFSender does not exist
  • /en-US/docs/Web/API/RTCPeerConnection/getTracks does not exist
  • /en-US/docs/Web/API/RTCTrackEvent/stream does not exist

External URLs

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

• https://en.wikipedia.org/wiki/Public-switched_telephone_network (1 time)

---

URL: /en-US/docs/Web/API/RTCDTMFSender/insertDTMF
Title: RTCDTMFSender.insertDTMF()
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/RTCDTMFSender/tonechange_event
Title: RTCDTMFSender: tonechange event
on GitHub

No new external URLs

---

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

No new external URLs

---

URL: /en-US/docs/Web/API/RTCDTMFToneChangeEvent/tone
Title: RTCDTMFToneChangeEvent.tone
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/WebRTC_API/Using_DTMF
Title: Using DTMF with WebRTC
on GitHub

No new external URLs

(this comment was updated 2022-03-08 14:41:53.628135)

[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]

There is another small thing to fix:

• In insertDTMF() there is an `{{event("tonechange")}} to change.

[teoli2003]

There is another small thing to fix:

* In `insertDTMF()` there is an `{{event("tonechange")}} to change.

This still need to be fixed.

[teoli2003]

Thanks! I even missed the others!