Thêm hotspot dạng video và phát tự động khi load scene trong Krpano

✅ MỤC TIÊU:

  1. 📍 Tạo hotspot chứa video

  2. ▶️ Video phát tự động khi scene được load

  3. 🔇 Có thể bật/tắt âm thanh video

  4. 🎯 Đặt vị trí video theo ath / atv

✅ MẪU CODE HOÀN CHỈNH

🧩 1. Hotspot dạng video:

<hotspot name="video1"
type="video"
url="videos/sample.mp4"
videourl="videos/sample.mp4"
ath="10"
atv="0"
width="600"
height="340"
autoplay="true"
muted="false"
loop="false"
pausedonstart="false"
visible="true" />

📌 Giải thích các thuộc tính:

Thuộc tính Ý nghĩa
type="video" Định dạng hotspot là video
url / videourl Đường dẫn video
autoplay="true" Phát tự động khi hotspot xuất hiện
muted="false" Cho phép có tiếng
pausedonstart="false" Không dừng khi khởi động
loop="false" Không lặp lại (có thể set true nếu cần)
ath, atv Vị trí trong không gian panorama

🧠 2. Nếu bạn cần phát video khác nhau cho mỗi scene:

Ví dụ trong <scene name="scene1">:

<scene name=”scene1″ title=”Cảnh 1″>
<view hlookat=”0″ vlookat=”0″ fov=”90″ />
<image><cube url=”panos/scene1_%s.jpg” /></image><hotspot name=”video1″
type=”video”
url=”videos/video1.mp4″
videourl=”videos/video1.mp4″
ath=”15″
atv=”5″
width=”600″
height=”340″
autoplay=”true”
muted=”false”
loop=”false”
pausedonstart=”false”
visible=”true” />
</scene>


Ví dụ khác cho scene2, thay đổi url + ath/atv.

✅ Mẹo nâng cao:

onvideocomplete="set(hotspot[video1].visible, false);"
<action name="pause_video1"> stopvideo(hotspot[video1]); </action>
<action name="play_video1"> playvideo(hotspot[video1]); </action>

 

Xem thêm: 

  1. Mua bản quyền krpano – Buy Licenses
  2. Khóa học VR360

VR360 – Virtual tour

Điện thoại
 or
Zalo
Facebook Twitter Youtube Wordpress

Dự án

Dịch vụ

  • Ghép ảnh 360 bằng Ptgui
  • Khóa dạy học vr360
  • Chụp ảnh 360º sản phẩm
  • Thiết kế web 360º

Liên hệ