The right way to embrace HLS streams in Open Graph metadata for iOS Messages

0
12


Apple’s documentation on hyperlink previews permits for picture and video previews. I’ve gotten each to work, however the docs additionally counsel that HTTP Dwell Streams are supported:

Video that may be streamed however not downloaded (akin to HTTP Dwell Streams or QuickTime Reference Films) will nonetheless play inline, however require the person to faucet to begin playback. Video that requires embedding HTML or plug-ins won’t play inline.

Nonetheless, I have never been capable of get it to work and I could not discover anybody else who has. I’ve tried together with the HLS stream (each grasp and the particular high quality M3Us) within the og:video attribute, however Messages appears to surrender attempting to learn it. Here is the HTML I am working with:

<meta property="og:title" content material="M3U hyperlink preview take a look at">
<meta property="og:site_name" content material="SixDigitCode LinkPreviewTest">
<meta property="og:description" content material="This can be a take a look at to see how Messages on iOS handles hyperlink previews">
<meta property="og:picture" content material="https://sixdigitcode.github.io/LinkPreviewTest/video_img.jpg">
<meta property="og:video" content material="https://sixdigitcode.github.io/LinkPreviewTest/m3ustream/002831_HD_COUNTDOWN_03.mov_28.m3u8">
<meta property="og:video:kind" content material="utility/vnd.apple.mpegurl">
<meta property="og:video:width" content material="1920">
<meta property="og:video:top" content material="1080">
<meta property="twitter:participant:stream" content material="https://sixdigitcode.github.io/LinkPreviewTest/m3ustream/002831_HD_COUNTDOWN_03.mov_28.m3u8">
<meta identify="viewport" content material="width=device-width, initial-scale=1">

If you would like to check out a stay model I’ve one hosted right here. Any perception can be appreciated. Thanks!

LEAVE A REPLY

Please enter your comment!
Please enter your name here