mdn/webaudio-examples

Add support for touch events to violent theremin demo

Open

#126 opened on 2021年1月18日

GitHub で見る
 (6 comments) (1 reaction) (0 assignees)HTML (1,114 stars) (419 forks)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
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
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.