Add audio and video embeds to map popups
This commit is contained in:
parent
6797150c73
commit
0457509482
1 changed files with 18 additions and 1 deletions
|
@ -88,8 +88,25 @@
|
|||
icon: markerIcon
|
||||
}).addTo(map);
|
||||
|
||||
$popupContent = null;
|
||||
@if(preg_match("/\[\[([^\]]+)\]\]/", $checkin->note, $filepath))
|
||||
@if(preg_match("/\.webm/", $filepath[1]))
|
||||
@php $popupContent = `<video controls>
|
||||
<source src="/{{ $filepath[1] }}" type="video/webm">
|
||||
<p>Your browser doesn't support HTML video. Here is a <a href="/{{ $filepath[1] }}">link to the video</a> instead.</p>
|
||||
</video>`; @endphp
|
||||
@elseif(preg_match("/\.ogg/", $filepath[1]))
|
||||
@php $popupContent = `<audio controls>
|
||||
<source src="/{{ $filepath[1] }}" type="audio/off">
|
||||
<p>Download <a href="/{{ $filepath[1] }}">OGG</a> audio.</p>
|
||||
</audio>`; @endphp
|
||||
@endif
|
||||
@else
|
||||
@php $popupContent = `<p class="popup__note">{!! $checkin->note !!}</p>`; @endphp
|
||||
@endif
|
||||
|
||||
popupMarkup = `<h2 class="popup__title">{!! $checkin->title ?? "<i>Untitled</i>" !!}</h2>`;
|
||||
popupMarkup += `<p class="popup__note">{!! $checkin->note !!}</p>`;
|
||||
popupMarkup += $popupContent;
|
||||
popupMarkup += '<img class="popup__image" src="{{ $checkin->image_url }}">';
|
||||
marker.bindPopup(popupMarkup).openPopup();
|
||||
|
||||
|
|
Loading…
Reference in a new issue