Блог

Главная - Вопросы по программированию - Кнопка отключения и включения звука

Кнопка отключения и включения звука

#javascript #html #amazon-web-services

#javascript #HTML #amazon-веб-сервисы

Вопрос:

У меня есть две функции для отключения и включения звука в Amazon connect. Я хочу знать, как я могу создать событие onclick кнопки, которое отключает звук при oneclick и включает при другом нажатии? Как я могу вызвать два метода в кнопке onclick?

 function muteAgent() 
{
//window.myCPP.agent.mute();
connect.core.getUpstream().sendUpstream(connect.EventType.BROADCAST,
{
event: connect.EventType.MUTE,
data: { mute: true }
});
function unmuteAgent() 
{
//window.myCPP.agent.unmute();
connect.core.getUpstream().sendUpstream(connect.EventType.BROADCAST,
{
event: connect.EventType.MUTE,
data: { mute: false }
});

Ответ №1:

Простой пример без кода для фактического отключения или включения звука. Вот как вы можете добиться кнопки переключения, которая может вызывать разные функции;

 <html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

// your mute button
<p><button onclick="myFunction()" id="myDIV">Mute</button></p>


<script>
function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.innerHTML === "Mute") {
    x.innerHTML = "Unmute";
    // Function to mute
  } else {
    x.innerHTML = "Mute";
 // Function to unmute
  }
}
</script>

</body>
</html>

источник: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_toggle_text

Комментарии:

1. Спасибо за ответ, это помогло :). Но если вы хотите сохранить один и тот же результат на всех своих вкладках, что можно сделать?

2. Тот же результат, что и при переходе с «отключить звук» на «включить звук», а просто сохранить текст как есть? Если это так, просто удалите x.innerHTML = «Включить» и то же самое для «отключить звук».