Рубрики

HTML | DOM Audio контролирует свойство

Свойство « Элементы управления аудио» используется для установки или возврата того, должен ли звук отображать стандартные элементы управления аудио или нет . Атрибут управления <audio> отражается этим свойством.
Аудио элементы управления, включенные в собственность:

  1. Играть в
  2. Пауза
  3. Ищу
  4. объем

Синтаксис:

  • Вернуть управляющее свойство:
    audioObject.controls
  • Установите свойство элемента управления:
    audioObject.controls = true|false

Стоимость недвижимости:

  1. true | false: используется для указания того, должен ли звук отображать элементы управления или нет.

Ниже программа иллюстрирует свойство элементов управления аудио:
Пример: включение элементов управления для аудио.

<!DOCTYPE html>

<html>

  

<head>

    <title>

        Audio controls Property

    </title>

</head>

  

<body style="text-align: center">

  

    <h1 style="color: green">

      GeeksforGeeks

    </h1>

    <h2 style="font-family: Impact">

      Audio controls Property

    </h2>

    <br>

  

    <audio id="Test_Audio" 

           controls autoplay>

        

        <source src="sample1.ogg"

                type="audio/ogg">

        

        <source src="sample1.mp3" 

                type="audio/mpeg">

    </audio>

  

    <p>To enable controls, double click

      the "Enable Controls" button.</p>

    <br>

  

    <p>To check status of controls, double

      click the "Check Status" button.</p>

    <br>

  

    <button ondblclick="Enable_Audio()">

      Enable Controls

    </button>

    <button ondblclick="Check_Audio()">

      Check Status

    </button>

  

    <p id="test"></p>

  

    <script>

        var a = document.getElementById("Test_Audio");

  

        function Enable_Audio() {

            a.controls = true;

            a.load();

        }

  

        function Check_Audio() {

            alert(a.controls);

        }

    </script>

  

</body>

  

</html>

Выход:

  • Перед нажатием кнопки:
  • После нажатия на кнопку:

Поддерживаемые браузеры: браузер, поддерживаемый HTML | Свойства DOM Audio Control перечислены ниже:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • опера
  • Apple Safari

Рекомендуемые посты:

HTML | DOM Audio контролирует свойство

0.00 (0%) 0 votes