Safari 자동 실행 블록을 우회하는 방법

나는 핵심 기능 중 하나가 음악을 재생하는 사이트를 개발 중입니다. Safari를 제외한 모든 브라우저에서 완벽하게 작동합니다. 수 시간 동안 조사한 후 사파리에서 자동 재생 미디어의 웹 사이트를 차단하는 설정을 발견했습니다.Safari 자동 실행 블록을 우회하는 방법

일단 내가이 기능을 사용 중지하면 (자동 재생 미디어 허용) 음악이 Safari에서도 완벽하게 재생되고 있습니다.

Safari가 기본 설정으로 구현 한 자동 재생 미디어 블록을 우회하는 방법을 찾아야합니다. 나는 주변에서 인터넷 검색을 시도했다. 그러나 나의 것과 같은 어떤 문제도, 내가 찾은 것에서 답이 없다.

많은 인기 사이트 (예 : Netflix, Youtube, Soundcloud, Spotify 등)가 Safari에서 완벽하게 작동하므로 수정이 가능하다는 것을 알고 있습니다.

도움이 될 것입니다. 감사합니다.

출처

2017-10-29 Nicster15

비디오 태그를 사용하고 있습니까? –

@RohitasBehera 오디오 태그를 사용하고 있습니다. – Nicster15

아니 .... 크롬 및 모질라의 기본 속성을 타고 다니는 것만 큼 ... .... [다운로드] (https://www.w3schools.com/tags/att_a_download.asp) 특성 작업을 수행 할 수없는 것처럼 IE10 이하 ... 사파리와 동일합니다. 예외 처리를 수행합니다. –

Safari 11의 사용자 편의성과 편의성을 위해 구현 된 새로운 기능입니다. 라이브러리 중간에 광고를 자동으로 재생하거나 사용자의 음악을 방해하는 경우 사이트가 멈추는 경우가 많지만 너도 좋아.

나는 우회하려고하지 않으실 것입니다. 아마도 은이 아니기 때문입니다. 대신 방문자가 Safari를 사용하고 있는지 감지하고 사이트에서 자동 재생 미디어를 사용하는 방법을 설명하는 문맥 팝업을 표시하십시오. 이로 인해 사용자는 탐색 경험을 완전히 제어 할 수 있습니다.

출처

2017-10-29 06:36:23

안녕하세요, 자세한 답장을 보내 주셔서 감사합니다. 문자 그대로 사이트의 99 %가 자동 재생을 필요로하지만 분명히 이미 완료했을 것입니다. 적어도 우리가 물어 보는 것을하기 전에 사용자가 웹 사이트를 보지 못하게하는 방법을 선택하기 전에 문제를 해결하기 위해 시간을 보내고 싶습니다. 해결책이 없다고 확신합니까? 그렇다면이 모든 대형 웹 사이트는 어떻게하고 있습니까? – Nicster15

Youtube가 이러한 기능을 어떻게 전달합니까? Safari에는 3 가지 자동 재생 옵션 (모두 자동 재생 허용, 소리가있는 미디어 중지 및 자동 재생 안함)이있는 웹 사이트 환경 설정이 있습니다. Youtube의 기본 설정은 Allow All Auto-Play (모든 자동 재생 허용)입니다. Youtube가 어떻게 이뤄내나요? – poletn23

사파리 브라우저에서 경우 들어오는 요청이

var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification));

또는

function GetBrowser() 
{ 
    return navigator ? navigator.userAgent.toLowerCase() : "safari"; 
} 
var isSafari = GetBrowser();

를 사용하는 경우 그래 오히려 당신의 웹 사이트에 감지 jono..and가 말했듯이 사파리의 기본을 차단하지 않는 것이 좋습니다 것

경우 (참 isSafari ==) // 당신의 대안 일 할

출처

2017-10-29 06:41:13

사파리 버전을 확인하는 방법이 있습니까 (11+가 자동 재생을 차단하므로). 또는 설정을 사용하도록 설정했는지 확인하는 것이 좋습니다. – Nicster15

[link] (https://www.w3schools.com/tags/tag_audio.asp)에서 오디오 태그를 지원하는 웹 사이트를 확인할 수 있습니다. –

** console.log (window.navigator) **는 모든 정보를 제공합니다 브라우저 이름 ** appName **, 버전 ** appVersion ** 등 –

Safari 자동 실행 블록을 우회하는 방법

답변

관련 문제