mdn/webaudio-examples

Add support for touch events to violent theremin demo

Open

#126 建立於 2021年1月18日

在 GitHub 查看
 (6 留言) (1 反應) (0 負責人)HTML (1,114 star) (419 fork)batch import
accepting PRhelp wanted

描述

@normanr commented on Wed Dec 02 2020

It would be nice to be able to use the demo in a touch environment (eg: phone or tablet). (Not required: sound could be continuous after a 'start/down' event until an 'end/up' event is received)

@chrisdavidmills commented on Wed Dec 02 2020

I agree that this would be nice.

For reference:

@normanr commented on Wed Dec 02 2020

(side-note: the event listeners for triggering init should be removed in init, otherwise using the keyboard causes init to be triggered multi times, and DOMExceptions when trying to remove the startMessage that has already been removed).

貢獻者指南

技術棧
javascripthtmlcss
領域
frontendaccessibility
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic JavaScript event handlingTouch events API
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70
研究方向
Start by examining the violent theremin demo code in the repository. The main files are likely in the `violent theremin` folder. Identify the current mouse event handlers (e.g., mousedown, mousemove, mouseup) and add equivalent touch event handlers (touchstart, touchmove, touchend). Also address the side note in the issue about removing event listeners after init to prevent duplicate calls. Test on mobile devices or using browser dev tools to simulate touch.