javascript - 在 MySQL - HTML 表格中有新记录时播放蜂鸣声

Question

所以，我有一个 PHP - Symfony 3 项目通过 API 连接到 MySQL 数据库，让客户通过 Android APP 下订单。我需要浏览器在下新订单时发出蜂鸣声(订单显示在 HTML 表格中)所以我想当表格发生变化时必须使用 Javascript 播放声音。关于如何实现这一目标的任何想法？先感谢您。如果有帮助，我会在下面发布索引 View 代码

{% extends 'base.html.twig' %}

{% block body %}
<h1 class="page-header">Listado de Aderezos</h1>

<table class="table table-striped table-responsive" id="data">
    <thead>
        <tr>
            <th>Id</th>
            <th>Nombre</th>
            <th>Descripcion</th>
            <th style="display:none;">Deleteat</th>
            <th>Acciones</th>
        </tr>
    </thead>
    <tbody>
    {% set cont = 0 %}
    {% for Aderezo in aderezos %}
        <tr>
            <td><a href="{{ path('aderezo_show', { 'id': Aderezo.id }) }}">{{ Aderezo.id }}</a></td>
            <td>{{ Aderezo.nombre }}</td>
            <td>{{ Aderezo.descripcion }}</td>
            <td>{{ Aderezo.deleteAt }}</td>
            <td>
                <div class="btn-group">

                            <a id="viewedit{{ cont }}" class="btn btn-sm btn-outline-primary" href="{{ path('aderezo_show', { 'id': Aderezo.id }) }}">show</a>
                            {% set cont = cont + 1 %}

                            <a id="viewedit{{ cont }}" class="btn btn-sm btn-outline-primary" href="{{ path('aderezo_edit', { 'id': Aderezo.id }) }}">edit</a>
                            {% set cont = cont + 1 %}
                                <a class="btn btn-sm btn-outline-danger" href="{{ path('aderezo_delete', { 'id': Aderezo.id }) }}">Eliminar</a>                    </div>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>

<a class="btn btn-block btn-lg" href="{{ path('aderezo_new') }}">Crear Nuevo Aderezo</a>

<script>
    $( document ).ready(function() {
        $('#data').DataTable({

            destroy:true,
            language:{
                "sProcessing":     "Procesando...",
                "sLengthMenu":     "Mostrar _MENU_ registros",
                "sZeroRecords":    "No se encontraron resultados",
                "sEmptyTable":     "Ningún dato disponible en esta tabla",
                "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                "sInfoPostFix":    "",
                "sSearch":         "Buscar:",
                "sUrl":            "",
                "sInfoThousands":  ",",
                "sLoadingRecords": "Cargando...",
                "oPaginate": {
                    "sFirst":    "Primero",
                    "sLast":     "Último",
                    "sNext":     "Siguiente",
                    "sPrevious": "Anterior"
                },
                "oAria": {
                    "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                }
            }

        });
    });

</script>
<script>
    $( document ).ready(function() {
        var contador = {{ cont }};
        while (contador >= 0){


            if ( $('#viewedit'+contador).text() =='show'){
                $('#viewedit'+contador).text("Ver");
            }

            if ($('#viewedit'+contador).text()=='edit'){
                $('#viewedit'+contador).text("Editar");
            }
            contador = contador - 1;
        }


    });
</script>
{% endblock %}

Answer 1

如果是简单的声音你可以将文件的二进制数据进行base64编码成字符串。 See this answer .

然后通过 Javascript 播放声音。 See this answer .