debugfest/two-zero-four-eight

Feature Request: Add Sound and Music Controls

Aberta

#3 aberto em 11 de out. de 2025

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (1 responsável)TypeScript (5 forks)auto 404
enhancementgood first issuehacktoberfest

Métricas do repositório

Stars
 (0 estrela)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Some players prefer playing without sound or with their own music, but the game currently lacks audio control options. Without mute buttons, users may find the experience intrusive or distracting.

🎯 Proposed Solution

  • Add sound and music toggles in the settings panel.
  • Allow players to control separately:
    • Sound effects (e.g., merges, moves).
    • Background music (if available).
  • Save preferences to local storage for persistence.

✅ Expected Behavior

  • Players can mute/unmute sound effects and background music independently.
  • Audio settings persist across sessions.
  • No background audio plays after muting.

💻 Technical Notes

  • Use HTML5 Audio API or Web Audio API for control.
  • Implement volume and mute state management.
  • Ensure accessibility: provide visual indicators for mute state.

🧪 Test Steps

  1. Mute sound effects → verify no sounds play during moves.
  2. Mute music → background audio stops.
  3. Refresh page → preferences persist.

Guia do colaborador

Direção de pesquisa
Implemente alternâncias de som e música usando o estado do React e a API de Áudio. Gerencie o estado de mudo e persista no localStorage. Garanta acessibilidade com indicadores visuais.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactTypeScriptlocalStorage
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70