HTML 5音频本地存储

Question

我必须处理HTML页面中音频元素的行为。 当用户到达页面时，音频开始。 如果他在同一会话中再次到达该页面，我不想再播放一次。 我尝试了该代码，但无法正常工作。 您对此有何建议？ 非常感谢你

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<audio controls autoplay class="hidden-xs" style=" position:fixed; right:0; bottom:0; z-index:99999999999">
    <source src="music_bbms.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>
<script>
    $(document).ready(function() {
        if (!localStorage.getItem('played') {
            $('.music').attr('autoplay', false);
            localStorage.setItem('played', true);
        }
    });
</script>

Answer 1

我认为有些事情可能是错误的：

1. 音频元素上没有任何.music类，因此如何使用该类选择器更改其属性。 我向音频元素添加了一个ID，并使用该ID进行选择。
2. if条件中缺少右括号，我已经解决了。
3. 我假设，我们将项目值作为字符串存储在sessionStorage中。 使用了sessionStorage，因为您说过只想跟踪当前会话。

     <audio id="music" controls class="hidden-xs" style=" position:fixed; right:0; bottom:0; z-index:99999999999">
        <source src="music_bbms.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>
    <script>
        $(document).ready(function() {
            if ( sessionStorage.getItem('played') != "true" ) {
                $('#music').get(0).play();
                sessionStorage.setItem('played', "true");
            }
        });
    </script>