Question

我看到了这个问题，但没有直接看到该问题的答案。我想知道HTML5 Audio标签是否仍在访问网络API？如果是这样，它是否与Web Audio API不同？我只是想了解两者之间的区别。

Answer 1

这两个概念不同。

例如，针对Web Audio的W3C提案sed标准的简介做出了如下声明：在HTML5中引入音频元素非常重要，允许基本流音频回放。但是，它的功能不足以处理更复杂的音频应用程序

因此暗示了这两个概念之间的区别：

    <?php date_default_timezone_set("Asia/Bangkok");
$date = date("Y-m-d");
?>
    <script>

        $(document).ready(function () {

            $('#calendar').fullCalendar({

                header: {

                    left: 'prev,next today',
                    center: 'title',
                    //right: 'month,basicWeek,basicDay,agendaWeek,agendaDay'
                    right: 'month,agendaWeek,agendaDay,listMonth,'
                },

                navLinks: true,
                defaultDate: '<?php echo$date?>',
                minTime: '00:00:00',
                maxTime: '24:00:00',
                editable: true,
                defaultView: 'agendaDay',
                slotMinutes: 15,

                eventLimit: true, // allow "more" link when too many events
                selectable: true,
                allDaySlot: false,
                selectHelper: true,
                select: function (start, end) {

                    $('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD  HH:mm:ss'));
                    $('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD  HH:mm:ss'));
                    $('#ModalAdd').modal('show');
                },
                eventRender: function (event, element) {
                    element.bind('dblclick', function () {
                        $('#ModalEdit #id').val(event.id);
                        $('#ModalEdit #title').val(event.title);
                        $('#ModalEdit #color').val(event.color);
                        $('#ModalEdit').modal('show');
                    });
                },
                eventDrop: function (event, delta, revertFunc) { // si changement de position

                    edit(event);

                },
                eventResize: function (event, dayDelta, minuteDelta, revertFunc) { // si changement de longueur

                    edit(event);

                },
                events: [
        <?php foreach($events as $event):
                    $start = explode(" ", $event['start']);
                $end = explode(" ", $event['end']);
                if($start[1] == '00:00:00'){
                $start = $start[0];
            }else {
                $start = $event['start'];
            }
            if ($end[1] == '00:00:00') {
                $end = $end[0];
            } else {
                $end = $event['end'];
            }
        ?>
                {
                //  id: '<?php echo $event['id']; ?>',
                    title: '<?php echo $event['title']; ?>',
                    start: '<?php echo $start; ?>',
                    end: '<?php echo $end; ?>',
                    color: '<?php echo $event['color']; ?>',
                    faculty: '<?php echo $event['faculty']; ?>',
                    description: '<?php echo $event['description']; ?>',
                },
        <?php endforeach; ?>
        ]
        });

        function edit(event) {
            start = event.start.format('YYYY-MM-DD  HH:mm:ss');
            if (event.end) {
                end = event.end.format('YYYY-MM-DD  HH:mm:ss');
                //HH:mm:ss
            } else {
                end = start;
            }

            id = event.id;

            Event = [];
            Event[0] = id;
            //Event[1] = start;
            //Event[2] = end;


            $.ajax({
                url: 'editEventDate.php',
                type: "POST",
                data: { Event: Event },
                success: function (rep) {
                    if (rep == 'OK') {
                        alert('SAVED');
                    } else {
                        alert('Could not be saved. try again.');
                    }
                }
            });
        }

});

    </script>

混合
处理和
过滤（例如洞穴或大教堂效应等，距离衰减
多普勒频移等...

与现代游戏音频引擎中的音频制作应用程序功能相关的任务

请注意：相对而言，并非所有浏览器都支持此API 和移动设备。

caniuse.com网站可能对确定HTML5和不同平台上的各种相关技术的支持量很有用。 W3C起草Web音频标准的事实有力地表明，此API会及时获得普遍认可和广泛支持，但情况并非如此。

请参阅此网址以更好地理解， https://developers.google.com/web/updates/2012/02/HTML5-audio-and-the-Web-Audio-API-are-BFFs

Answer 2

它们可以完全独立使用。

HTML页面可以使用<audio>标记，并且不涉及Web Audio API。
JavaScript可以使用Web Audio API，并且不涉及<audio>标记。

这是您使用Web Audio API的方式：

var context = new AudioContext();
var osc = context.createOscillator();
osc.connect(context.destination);
osc.frequency.value = 440;
osc.start();

这会发出很大的声音，因此请准备关闭浏览器。在这里，振荡器是声音的来源。

两者之间的唯一交叉是Web Audio API可以使用页面上的<audio>标签作为声音来源。

请参阅：createMediaElementSource

这对于将音频效果添加到<audio>或<video>标签以及其他音频处理中很有用。

音频标签：音频标签与Web音频API相同吗？

2 个答案: