Why does the WebView in my Mac app behave differently from Safari?

I couldn’t find an answer on MDN Web Docs and Stack Overflow, Google Search so I’m posting a question.

The issue I’m experiencing is that…

Why does the ‘playbackRate Change’ button in the provided ‘controls’ of the HTML Audio attribute not work in my macOS project’s WebView?

I have a very simple HTML that plays audio.

<audio src="../Audio/013.mp3" controls="controls" style="width:370px;position: absolute;top:560px;left:200px;"></audio>

In Safari, the buttons supported in Controls work fine. However, in my Mac app, the playback speed change button doesn’t work.

Just like this

#Safari
enter image description here

# my Mac App
enter image description here

Deployment Target and Minimum Deployments macOS -> 12.0

Please note that it only supports macOS apps.

I have tried.

webView.allowsLinkPreview = false
webView.allowsBackForwardNavigationGestures = true 
webView.configuration.allowsAirPlayForMediaPlayback = true 
webView.configuration.preferences.javaScriptCanOpenWindowsAutomatically = true
webView.configuration.preferences.javaScriptEnabled = true
webView.configuration.defaultWebpagePreferences.allowsContentJavaScript = true
webView.configuration.mediaTypesRequiringUserActionForPlayback = .audio

App Sandbox -> outgoing Connections (Client) Check