Ham Radio Dashboards are EASY!
Рет қаралды 6,504
Күн бұрынIn this video I share my web responsive and improved Ham Radio Dashboard.
VA3HDL source code in GitHub:
► github.com/VA3HDL/hamdashboard
► Live Demo: va3hdl.github.io/hamdash/
Just download the two files from the Github repository (hamdash.html and wheelzoom.js) and keep them together on the same folder. Open hamdash.html with any browser of your preference and you done. With any text editor (like Notepad) you can change the source images or the menu options on the config.js file. That is explained at the 13:08 mark.
Is that easy!
► Make sure to check out these other videos!
How to configure the dashboard for your station by Jason KM4ACK► • You Will Want this Ham...
Raspberry Pi instructions contributed by Andreas M0FXB► • INSTALL - FREE-VA3HDL ...
Live Stream with Ham Radio Wilderness Frank KG6NLW► • Dashboards of Ham!
Live Stream with Temporarily Offline Ham Radio KM9G► • VAHDL Ham Dashboard - ...
French review and instructions by Jean-Benard F5SVP► • "Fond d'écran" radioam...
Dashboard concept inspiration from N2MMX:
► nject.us/HAMSHACK-DASHBOARD-O...
The video was entirely recorded and edited in Linux using OBS Studio and Kdenlive.
If you liked the video please hit like and subscribe buttons. Thanks for watching!
00:00 - Summary
00:24 - Channel intro
00:35 - Quick tour of the radio shack
01:40 - Dashboard by N2MXX
05:38 - Some problems found
06:57 - Dashboard by VA3HDL
07:20 - VA3HDL Dashboard walk-through
09:00 - Left menu options
13:08 - Quick code walk-through
17:40 - Conclusion
18:03 - Thanks for watching
If you have any questions or comments please leave them in the comments section below
For more articles and information about my other projects please check
► Website ► www.va3hdl.com
► Facebook ► / va3hdl
► Twitter ► / va3hdl
► Instagram ► / va3hdl
► QRZ ► www.qrz.com/db/va3hdl
► GitHub ► github.com/VA3HDL
@VA3HDL Ай бұрын
There is a great video from Jason KM4ACK explaining how to download and configure the dashboard for your station: kzfaq.info/get/bejne/b8CKi8pnldqyXaM.html Make sure to check it out!
@JohnSmith-xi2oq Ай бұрын
Looks like i have a project for tomorrow. This looks great, i cant wait to try it. Thank you for sharing your work.
@yv6eda Ай бұрын
Great work Pablo! And amazing you give us this as a present. I will try it for sure. Thanks again, Jorge VE3EAD
@VA3HDL Ай бұрын
Gracias Jorge. 73
@daveN2MXX Ай бұрын
Looks great! I'm glad you were able to use my concept to build this dashboard! 73 Dave N2MXX
@VA3HDL Ай бұрын
Thanks Dave! 73 Pablo
@daveN2MXX Ай бұрын
@VA3HDL Hi Pablo. I noticed that there is no mention or credit given in the html code that this was all based on my initial concept and javascript/html/css code. Was that an oversight? Maybe add "based on a concept and code by Dave N2MXX" to the top of the html code? 73 Dave N2MXX
@VA3HDL Ай бұрын
@@daveN2MXX Hi Dave. If you read my code, it was rewritten from scratch (I've used ChatGPT for help) and it has no lines from your original code, which you had obscured so cannot be reused. I added today on top of the HTML comments to credit you for the concept inspiration (not for the javascript/html/css code.) Because I already dedicated an entire section of the video reviewing your dashboard, I will consider this an oversight that is now fixed. Thank you! 73
@station-wb4izc Ай бұрын
After working with this image for several days now, I am here to say how fantastic this dashboard is as a WX nerd. I wish I had had something like this at the radio stations where I did weather coverage at for nearly 30 years.
@PaulBigwood Ай бұрын
¡Increíble! Muchas gracias.
@mcgrath16511 Ай бұрын
I watched Jason KM4ACK, show this ,, awesome addition to any ham desk!! I have it running on a Raspberry Pi4 2 gig model.. I just need to figure out how to import my Hamclock running on the same unit.. GREAT WORK!!
@VA3HDL Ай бұрын
Jason did an amazing job explaining how to configure the dashboard. He has explained how to add the Hamclock static image and live content (via menu.) Let us know if you need more help to configure it. 73
@StephenWilson55 Ай бұрын
Bravo. Dave’s dashboard is very good. This is exceptional!!! Cheers!
@waterskipilot145 Ай бұрын
Great tool and video. Thanks. I just downloaded it and am in the process of customizing it. Great job.
@VA3HDL Ай бұрын
Thank you!
@Wildlandfirefighting Ай бұрын
Thank you for the video and for sharing this great dashboard, I love it😊
@VA3HDL Ай бұрын
Thank you!
@davidhubbell9643 Ай бұрын
Works Great! I have been wanting something like this forever! Thank you for sharing your hard work. N2KTO
@VA3HDL Ай бұрын
Glad it helped! 73
@dronerwayne Ай бұрын
Outstanding! Have it running on my second monitor. Thanks from VA3FMB
@VA3HDL Ай бұрын
Thanks Wayne. 73
@9RDI-01 Ай бұрын
This is awesome, great work!
@VA3HDL Ай бұрын
Thank you!
@techsupport7082 4 күн бұрын
Thank you!! So easy to customize!
@iceman382 Ай бұрын
This is really great. Thank you.
@VA3HDL Ай бұрын
Thank you!
@CanadianPrairiesShortwave Ай бұрын
This is excellent. Thank you
@VA3HDL Ай бұрын
Thank you!
@crknowlesva3il605 Ай бұрын
very nice, Pablo Thank you🙂
@VA3HDL Ай бұрын
Thank you!
@fortwoods Ай бұрын
Thanks! This is great!
@VA3HDL Ай бұрын
Thank you!
@digiital Ай бұрын
Great Stuff! This is so basic(not needing to install a application). Looking forward to more feature. I'm not great with Java but will see what I can do to help. Maybe have a way for people to share links.
@VA3HDL Ай бұрын
Glad you like it. If you found any good links for the dashboard please post them here. I will list them later on the repo in Github. 73
@rtfdroney Ай бұрын
Love It, thank you. I added video.muted = true; so the videos indeed do autostart.
@pabsol4157 Ай бұрын
great video.
@VA3HDL Ай бұрын
Gracias tocayo. 73
@x_CrossHair_x 14 күн бұрын
Makes Me Proud to be Canadian "Nice Dashboard" Created by a Canadian 👍🍁73s
@VA3HDL 14 күн бұрын
Thank you! 73
@radioastronomy2001 Ай бұрын
Fantastic project. Already subscribed! It would be great to have ability to create an automatic background image of the dashboard in Windows 11 and have an update every 10-15min.
@VA3HDL Ай бұрын
Let me see if it is a way to implement this. The only issue I see with this is losing the ability to have animations on the background image. Like the satellite or weather ones.
@radioastronomy2001 Ай бұрын
@@VA3HDL I think this is not critical to have it animated. Perhaps there is some other weather report that will look good static. Anyway, I love the dashboard. Great job.
@HamTechRadioScannerDrones Ай бұрын
You like your monitors :)
@diegocasati Ай бұрын
Exceptional! Thank you for this. I’d be very interested in your CAT control over the web. 73, VE6DPC
@VA3HDL Ай бұрын
Thanks Diego. I believe the next video will be about the CAT control via web browser. I also added the functionality to control a rotator by clicking on a location on the map on the browser. Stay tuned! 73
@VA3HDL Ай бұрын
Check my latest video. The CAT control over the web is now available on my channel kzfaq.info/get/bejne/rZ6EgrKZp9aXkqM.html - Code is available in github as well. 73
@SheepdogPreparedness Ай бұрын
This is so awesome! I would like to create one that has 4 panels, each one taking up 25% of the screen. Is there a way to configure your code to do this? Thanks for creating this!
@VA3HDL Ай бұрын
Code must be changed to do that (no configuration exist for this.) That requires knowledge of HTML, CSS, and Javascript. Maybe as an enhancement for a future version, not in the plans for now. But feel free to change it as needed. Thanks.
@SheepdogPreparedness Ай бұрын
@VA3HDL Figured out how to do it. Changed a few lines of code and now I have 2x2layout. This is so cool!
@VA3HDL Ай бұрын
@@SheepdogPreparedness Excellent!
@nb2a1 Ай бұрын
This looks fantastic. I just tried it on a PI 3 but it seems to not store any of the setting such as call sign after it shuts down. I am sure I am doing something wrong. I also cannot seem to setup the connection to my running ham clock either following Jason's instructions. Thank you for the dashboard. 73 de NB2A
@terryboyle Ай бұрын
Love your work! Thank you. One quick question when trying to go to the pi-star I get a message 192.168.0.39 is blocked 192.168.0.39 refused to connect. ERR_BLOCKED_BY_RESPONSE I have set the firewall setting to public. Do you have any suggestions?
@VA3HDL Ай бұрын
Hi Terry, not all websites like to be embedded inside another page. I had this problem and I fixed on the pi-star to allow . Let me check where I changed and will reply again with the solution.
@VA3HDL Ай бұрын
It took me a while to retrace back my steps but this is what I did: 1. login via ssh to the pi-star then run this command to switch to Read/Write mode: rpi-rw 2. In the file /etc/nginx/default.d/security.conf comment the line below with a "#" in front, like this: # add_header X-Frame-Options "SAMEORIGIN"; 3. run this command to switch back to Read Only mode: rpi-ro 4. then reboot the pi-star That enables the pi-star embedding on . 73
@KM4ACK Ай бұрын
@@VA3HDL Please consider adding this fix to the readme file on Github. Had a comment on my video with this same issue.
@VA3HDL Ай бұрын
@@KM4ACK Hi Jason, good idea, it is done. 73
@wayneking3408 Ай бұрын
Great program, I learn how to modify the scripts, but can't seem to merge the changes to the original program
@VA3HDL Ай бұрын
Hi Wayne, modify the original html file with any text editor and save the file. Then hit F5 in your browser so see the changes immediately on the page. Also, the new version that I uploaded yesterday has the capability of supporting multiple images per box. So now instead of be limited by 12 images, the number of images are infinite.
@wayneking3408 Ай бұрын
excellent, I did manage to sort it out but didn't realize that I could use the F5, love the program @@VA3HDL
@jolu2469 11 күн бұрын
Pablo. I've copied a jpg file into the same folder with your three web files. I would like this image file to show up in place of the original "SW Broadcast" box. What is the syntax? I've tried and apparently I'm not doing this correctly. Thank you for your time and help and this great dashboard.
@VA3HDL 11 күн бұрын
["Your Tile Title", "yourfile.jpg"] Brackets, quotation marks, commas, semicolons, are critical characters that cannot be omitted. Follow the pattern of the other tiles. Cheers.
@jolu2469 11 күн бұрын
@@VA3HDL That worked. I was trying to use more detail than was needed (tried local host, file path, etc). Thank you.
@TI2GBB Ай бұрын
Hola Pablo saludos, con el tema del hamclock, tienes corriendo el servicio dentro de tu PC? veo que pusiste una direccion ip para el mismo, estoy pensando en modificar el codigo para hacer lo mismo pero para estaciones basadas en Costa Rica con informacion de nuestro pais. saludos y pura vida! 73 de TI3GB
@VA3HDL Ай бұрын
Hola Gregory, mi hamclock esta corriendo en una Raspberry Pi 3B+, o sea no esta dentro de mi PC (pero podria.) Cuando corre expone la UI a traves de la web asi hostname:8081/live.html y eso es lo que aproveche yo. Por otro lado tambien genera imagenes estaticas de los mapas que se pueden acceder desde la red si agregas la carpeta de hamclock en la configuracion del servidor web que quieras usar (en mi caso uso NGINX para esta parte.) Nota aparte, estoy trabajando en paralelo en un "clon" de hamclock que es solo una pagina web, para aquellos que quieran tener algo que se parezca pero no quieren correr ni instalar la aplicacion. Una de las cosas que descubri recientemente es que hamclock dependen muchisimo de los servicios que el autor corren en su propio server. Si su server algun dia queda offline mueren todos los hamclocks! 73 de VA3HDL
@TI2GBB Ай бұрын
@@VA3HDL Buenisimo gracias por la respuesta. otra consulta mas, esto solo funciona en linux OS o tambien se puede usar el script en windows? gracias por compartir el conocimiento, se ve bastante customizable! saludos desde Costa Rica! TI3GB
@TI2GBB Ай бұрын
@@VA3HDL ya me respondi! voy a customizarlo con cosas de costa rica que tenemos por aca publicas como mapas meteorologicos etc etc.. gracias por tu aporte!
@VA3HDL Ай бұрын
@@TI2GBB Funciona en cualquier browser moderno en cualquier sistema operativo. Probado por mi con Google Chrome, Chromium, Firefox, Microsoft Edge, en Windows y Linux OSes. No se si habra algun usuario con Mac OS pero no veo ningun problema para que funcione. Saludos.
@HAMFunko4pdi Ай бұрын
I am not a programer and I love this idea, how to I get it to run? Do I need a server or something? You showed how to change things but how do I get it to run in the first place?
@VA3HDL Ай бұрын
Hi, you do not need anything, that is the good part! - Just download the two files from the Github repository (hamdash.html and wheelzoom.js) and keep them together on the same folder. Open hamdash.html with any browser of your preference and you done. With any text editor (like Notepad) you can change the source images or the menu options. Is that simple. 73
@iceman382 Ай бұрын
Can I run this on my linux distrubtion of Armbian? I kinda new to this so I would need some specific instructions if possible.
@VA3HDL Ай бұрын
Yes. Just make sure you download the two main files hamdash.html and wheelzoom.js on the same folder. Then open hamdash.html with the browser of your preference. You can make the browser full screen (typically with F11) - Thanks for watching!
@iceman382 Ай бұрын
@@VA3HDL Much appreciated....Thanks again.
@DL8LDN Ай бұрын
Thank you very much. I custamizing it for my needs. Is there a way to stop refresh when open a website via the left menu? Every 5 minutes it switch back but I like to view maybe PSK Reporter until I switch manually back. 73 de DL8LDN
@VA3HDL Ай бұрын
Hi Michael, I love your QRZ page, nice station! Currently there is no way to stop the refresh when having a website open. If you want to remove the refresh altogether until I fix this on a next release, you can remove this line from the top That will stop the dashboard from refreshing automatically. 73
@DL8LDN Ай бұрын
@@VA3HDL tnx for replying. On the left monitor I run now your Dashboard 😀 I Like the refresh, so I will wait for fix
@VA3HDL Ай бұрын
@@DL8LDN Working on it ! I will let you know when the new version is available on github. 73
@VA3HDL Ай бұрын
@@DL8LDN There is a new version available in github that pauses the refreshes when you select a website from the menu or when you double click on an image to bring it full screen. You should be able to copy and paste your links from the old version on the new version easily. 73
@DL8LDN Ай бұрын
@@VA3HDL wow, thats fast. Thanks a lot. 73
@ernestgalvan9037 Ай бұрын
Will these dashboards run decently on RPi3? I have four spare that I want to put to use.
@VA3HDL Ай бұрын
Hi, I just tried with mine and works perfectly. If you wish to start automatically you can try something like this: DISPLAY=:0 chromium-browser --app=file:///media/staging/hamdashboard/hamdash.html --kiosk --user-data-dir=/tmp/chromedpdata --no-first-run --guest --start-fullscreen --force-dark-mode --app= is where the URL of the page goes, depending on where you have saved it. You will have to change that part for your scenario.
@ernestgalvan9037 Ай бұрын
@@VA3HDL ..thanks ! GREAT info!
@andrewessels7871 Ай бұрын
It would appear that the dashboard can only display images from a web site. Is it possible to use a URL and then display the data? When I tried it I get a black box with a small image in the top corner. Otherwise an awesome tool
@VA3HDL Ай бұрын
For now it does images or entire sites via menu. I will look into adding more options like the one your suggesting. Stay tuned to the github repo for updated versions.
@kylefreemason 12 күн бұрын
Can someone tell me how to setup a box for pskreporter? It just says image can’t be displayed when I put the website address for pskreporters map in the config file.
@VA3HDL 12 күн бұрын
PSKreporter is not an image. Is a website. You should use one of the menu options for that. In my configuration file I have this as a menu option: "FF3300", "PSKREPORTER", "pskreporter.info/pskmap.html?preset&callsign=VA3HDL&txrx=tx&timerange=86400&distunit=km&hidenight=1", "1" You should customize the URL for your call-sign and the settings you want to use. 73
@kylefreemason 12 күн бұрын
@@VA3HDLHi! Thank you for replying so quickly. I understand now that I must use a quick tab on the left for psk reporter and not one of the image boxes. Is it possible to use one of the image boxes for an muf display?
@VA3HDL 12 күн бұрын
@@kylefreemason Yes. This should work: prop.kc2g.com/renders/current/mufd-normal-now.svg
@kylefreemason 12 күн бұрын
@@VA3HDL That got it! Thank you.
@DavidColledge-h6x 11 күн бұрын
Can this be used on a laptop as well
@craiglyles6898 5 күн бұрын
from what I have researched you have run Lenix or a Mac
@VA3HDL 5 күн бұрын
Negative. You can use any operating system with a modern browser. I received reports that works even in Android.
@wayneking3408 Ай бұрын
Not sure if my question is making it through.
@VA3HDL Ай бұрын
Hi Wayne, I replied 17 hours ago to your original comment. Did you get my answer? if not please email me (qrz.com has my correct email address.) Thanks.
@goldenflyer4114 26 күн бұрын
Hi great dashboard could you make the image files for the united kingdom would be fantastic in a separate zip file?
@VA3HDL 26 күн бұрын
I'm not familiar with the UK satellite or weather imagery. That is what each user has to customize to their needs. Maybe you can check with www.youtube.com/@HamTechRadioScannerDrones - He is user from UK. 73
@hensley560 Ай бұрын
Fantastic! Well done and simple to use. TU 73 de VA7LM
@VA3HDL Ай бұрын
Thank you! 73
@station-wb4izc Ай бұрын
This is a fantastic program. I really like your improvements. Would you mind providing some additional information on how to update the code to display my local radar from the NWS? de WB4IZC - Memphis
@VA3HDL Ай бұрын
Hi Steve, open the .html file with any text editor (like Notepad) search and replace this s.w-x.co/staticmaps/wu/wxtype/county_loc/bgm/animate.png with this radar.weather.gov/ridge/standard/KNQA_loop.gif - The hard part is to find the right source URL for the images. 73
@station-wb4izc Ай бұрын
@@VA3HDL Thank you so much for assisting me in fixing that. I tried several attempts myself but, without success. Many thanks again and this is a great program. I am going to suggest that "Ham Radio Crusader" contact you about a review and interview. 73, Steve WB4IZC
@VA3HDL Ай бұрын
Glad to hear it worked for you! 73
@diegocasati Ай бұрын
@@VA3HDLfinding these GIFs for Canada seems like a challenge. Any tips on that?
@VA3HDL Ай бұрын
@@diegocasati Environment Canada changed the GIFs animated to a sequence of JPGs that is animated via script on the browser. Single images are achievable and can be displayed. The issue is when you want an animation, then you need to access the page itself. Most modern websites use the same technology. This is why I've used the US radars closer to my location and setup Environment Canada as option in the menu. OpenWeather have a great map to add to the menu as well. 73
@DavidColledge-h6x 11 күн бұрын
Can this be used on a laptop as well
@DavidColledge-h6x 11 күн бұрын
Can this be used on a laptop as well
@DavidColledge-h6x 11 күн бұрын
Can this be used on a laptop as well
@DavidColledge-h6x 11 күн бұрын
Can this be used on a laptop as well
@DavidColledge-h6x 11 күн бұрын
Can this be used on a laptop as well
@VA3HDL 11 күн бұрын
It can be used on any computer equipped with a modern browser.
Sergio Outdoors
Рет қаралды 65 МЛН
Kevin Loughin
Рет қаралды 22 М.
NotaRubicon Productions
Рет қаралды 50 М.
N4HNH Radio
Рет қаралды 4,9 М.