当MySQL中的新记录 - HTML表格时发出哔声

Question

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

{% 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。