MediaSession.setPositionState（）并寻求不工作

Question

MediaSession.setPositionState（）未显示音频时间， 也不按预期显示Seekbar。

const audio= document.querySelector('audio');

function updatePositionState() {
  if ('setPositionState' in navigator.mediaSession) {
    navigator.mediaSession.setPositionState({
      duration: audio.duration,
      playbackRate: audio.playbackRate,
      position: audio.currentTime,
    });
  }
}

await audio.play();
updatePositionState();

navigator.mediaSession.setActionHandler('seekto', (details) => {
  updatePositionState();
});

Answer 1

这对我有用：

audio = document.querySelector("audio");
navigator.mediaSession.setActionHandler('seekto', (details) => {
        audio.currentTime = details.seekTime;
    });

Answer 2

function setup_media_session_action_handlers() {
    if (!("mediaSession" in navigator)) {
        write2log(`No mediaSession in navigator.`,2);
    }
    const audio_element = document.querySelector('audio');
    const default_skip_time = 60; /* Time to skip in seconds by default */

    const action_handlers = [
        ['play',            () => { audio_element.play(); }],
        ['pause',           () => { audio_element.pause(); }],
        ['previoustrack',   () => { audio_element.currentTime = 0; }],
        ['nexttrack',       () => { load_song_from_index(); }],
        ['stop',            () => {audio_element.pause(); }],
        ['seekbackward',    (details) => {  const skip_time = details.seekOffset || default_skip_time; audio_element.currentTime = Math.max(audio_element.currentTime - skip_time, 0); navigator.mediaSession.setPositionState({duration: audio_element.duration, playbackRate: audio_element.playbackRate, position: audio_element.currentTime});}],
        ['seekforward',     (details) => {  const skip_time = details.seekOffset || default_skip_time; audio_element.currentTime = Math.min(audio_element.currentTime + skip_time, 0); navigator.mediaSession.setPositionState({duration: audio_element.duration, playbackRate: audio_element.playbackRate, position: audio_element.currentTime});}],
        ['seekto',      (details) => {  if (details.fastSeek && 'fastSeek' in audio_element) { audio_element.fastSeek(details.seekTime); } else { audio_element.currentTime = details.seekTime; } navigator.mediaSession.setPositionState({duration: audio_element.duration, playbackRate: audio_element.playbackRate, position: audio_element.currentTime});}],

        // Not implemented: ['togglemicrophone', 'togglecamera', 'hangup', 'previousslide', and 'nextslide'];
        /* Video conferencing actions */
        //['togglemicrophone',  () => { await audio_element.pause(); /* On any microphone usage (on or off), just set the audio to pause. */ }],
        //['togglecamera',  () => { await audio_element.pause(); /* On any camera usage (on or off), just set the audio to pause. */ }],
        //['hangup',        () => { if (audio_element.currentTime > 0) { await audio_element.play(); } /* On hangup, simplified (not bulletproof) version of unmute if we were playing music before */}],
        /* Presenting slides actions */ // Not implemented at this time, placeholder for future? idk.
        //['previousslide', () => { /* ... */ }],
        //['nextslide',     () => { /* ... */ }],
    ];
    for (const [action, handler] of action_handlers) {
        try {
            navigator.mediaSession.setActionHandler(action, handler);
        } catch (error) {
            write2log(`The media session action "${action}" is not supported yet.`,2);
        }
    }
    try {
        // Set playback event listeners
        audio_element.addEventListener('play', () => { navigator.mediaSession.playbackState = 'playing'; });
        audio_element.addEventListener('pause', () => { navigator.mediaSession.playbackState = 'paused'; });
    }
    catch (err) {
        write2log(`Failed to set navigator.mediaSession.playbackState play/pause handlers`,2);
    }
}

参见 https：> https:/ https：//noah-github.com/noah-jaffe/mjaffe/mmixcloud_play_play_play_playerer/blob /main/musicplayer.html 对于此精确函数的用例，所有音频媒体控件均已在set> setup_media_session_action_action_handlers（）函数中实现。

在使用Android Chrome查看HTML页面上的Android设备上的动作中，如下

Answer 3

我遇到了同样的事情。

然后，我正在进行一些清理，并决定目前不需要以下内容：

navigator.mediaSession.setActionHandler("seekbackward", (data) => {
        console.log('seekBackward: data: ', data);
        // seekBackward: data: { action: 'seekbackward' }
      });
      navigator.mediaSession.setActionHandler("seekforward", (data) => {
        console.log('seekForward: data: ', data);
        // seekForward: data:  {action: 'seekforward'}
      });

一旦我对此进行了评论，现在在我的移动设备上可以看到Seek Bar。在桌面上仍然看不到。我怀疑MediaSession API的工作方式可能是您向前和向后的按钮跳过，那么Seekto将被禁用。

现在，Seekto bar是可见的，可以触发，但这是不正确的。当轨道启动时，已经走了四分之一。

我似乎找不到在菜谱上在菜谱中设置曲目的运行时的方法。

我在某个地方读到，甚至不可能在溪流上有搜索栏。