GPS дата към Stream

1. Информация

Това е сайт-апликация, чрез който ще можете да си добавите карта или километраж като overlay в stream софтуер като OBS, Streamlabs, IRL Pro и др. Сайта работи с Geolocation API и изпраща GPS кординати, скорост и посока. cdn/obs_gps.png

Последни промени:

[11.12.24]: + Направен е нов дизайн на маркера за картата; [09.12.24]: + Оправени са проблеми с дизайна на километража;

1. Предаване на данни

Без инсталация на приложения и софтуер, просто отворете този линк на Вашият телефон:

https://gps.ivaka.net/

Това е главната апликация-сайт, през който ще се изпращат GPS данните. Измислете си и въведете - Таен Код. Това е Вашият таен URL код. НЕ споделяйте този код с другите хора. Чрез този код ще се изпращат данни към линка за OBS. Позволени символи за код са [a-zA-Z0-9]. След въвеждане на кода, с натискане на бутон СТАРТ, сайта ще Ви иска позволение за достъп до вашата локация и съответно ще трябва да му позволите достъп. Предаването на GPS данните към свързаните линкове започва незабавно. Услугата автоматично започва да изпраща текущите GPS координати към Overlay линковете и ще пусне скрипт, който не позволява на екрана да заспи за да не спре изпращането на данни. ВАЖНО: Изпращането на GPS данни НЯМА да работи ако: - Минимизирате, изключите Browser-а или оставите сайта на друг таб докато предава данни! - Телефона/у-вото се заключи/заспи докато предава данни! Ако всичко е нормално ще се покажат два нови елемента в сайта GPS Данни с данните и Kонзола, в която ще можете да следите статуса на услугата:

[TIME] [OK] GPS данните са включени. [TIME] [OK] Успешно свързан към gps.ivaka.net! [TIME] [OK] Данните се изпращат към страница с код - CODE [TIME] [OK] Позицията е актуализирана успешно! [TIME] [OK] Позицията е актуализирана успешно!

2. Добавяне към stream софтуер

Добавяне в OBS:

1. Sources > Browser 2. Create new

Добавяне в Streamlabs Mobile App:

1. Edit Scene 2. Layers 3. Add layer 4. Add a custom item 5. Add a URL

Добавяне в IRL PRO:

1. Settings 2. Overlays 3. Web Overlays 4. New web overlay

3. Overlay

Карта

За карта се използва OpenStreetMap и Leaflet. cdn/obs_gps_map.png

Линк за OBS/Streamlabs overlay:

https://gps.ivaka.net/map/CODE

*Променете CODE с Вашият код! Опции за карта: За да промените мащаба на картата, добавете в URL линка:

https://gps.ivaka.net/map/CODE?zoom=[3-19]

По подразбиране е зададено на 17 За да промените вида на картата в кръг, добавете в URL линка: cdn/obs_gps_map_round.png

https://gps.ivaka.net/map/CODE?style=round

Километраж

Линк за OBS/Streamlabs overlay:

https://gps.ivaka.net/speed/CODE

*Променете CODE с Вашият код! Опции за километраж: cdn/obs_gps_speed_mph.png

За промяна на единицата за измерване на скорост в мили, добавете в URL линка:

https://gps.ivaka.net/speed/CODE?unit=mph

За промяна на фона с цвят на бял и черен циферблат, добавете този код в полето Custom CSS в OBS

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; } :root { --scale-color: #000; /* Цвят на циферблат */ --bg-color: #fff; /* Цвят на фон */ }

или като добавите към URL линка bgc (--bg-color) и scc (--scale-color):

https://gps.ivaka.net/speed/CODE?bgc=white&scc=black

За прозрачност на фона и бял циферблат, добавете този код в полето Custom CSS в OBS

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; } :root { --scale-color: #fff; /* Цвят на циферблат */ --bg-color: transparent; /* Цвят на фон */ }

или като добавите към URL линка bgc (--bg-color) и scc (--scale-color):

https://gps.ivaka.net/speed/CODE?bgc=transparent&scc=white

Добавете тези тикчета за да получавате обновявания: [✓] Shutdown source when not visible [✓] Refresh browser when scene becomes active За размер на километража минимално - Width: 400px и Height: 400px! За да намалите размера е препоръчително да използвате Scale настройката!

4. Внимание!

Това ще покаже на хората Вашето точно местоположение! Използвате този инструмент на Ваша отговорност!

Ако имате въпроси, проблеми с използването, можете да ми пишете - контакти

Ивайло Радев