Sie sind nicht angemeldet.

A progress time bar for the videoplayer plugin

michel

Profi

  • »michel« ist der Autor dieses Themas

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

  • Nachricht senden

1

Samstag, 4. Juni 2011, 05:03

A progress time bar for the videoplayer plugin

Hi all,

After a lot of scratching the head (I was using the changeorigin(align,edge) before I realized it was not a good way to do *wacko* ), I have finally reached (it seems ;-) ) a working code to create a progress time bar for the videoplayer plugin...
To make it working, you have to include the videoplayer_timebar.xml file and call the do_time_bar() for example from the onvideoready event of the videoplayer plugin:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11

<krpano version="1.0.8" onstart="">

<include url="videoplayer_timebar.xml" />

<plugin name="video"
...
onvideoready="do_time_bar(video,video);"
...
/>

</krpano>

There is some explanation inside the videoplayer_timebar.xml file.
Here some examples online: ex_1 - ex_2 - ex_3

Hope you like it... Comments, examples use, improvements are well come...


@ BBomber
here a code for video 360:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<krpano version="1.0.8">

<include url="videoplayer_timebar.xml" />

<!-- load and control the video with the videoplayer plugin -->
<plugin name="video"
url="%SWFPATH%/plugins/videoplayer.swf"
videourl="video360.flv"
onvideoready="do_time_bar(video,null,bottom,null,70%,6,0,20,false,10);"
  />

<!-- define the pano image and get the pano video from the videoplayer plugin -->
<image>
<sphere url="plugin:video" />
</image>

</krpano>


SAlut.
»michel« hat folgende Datei angehängt:

Nupsi

Profi

Beiträge: 697

  • Nachricht senden

2

Samstag, 4. Juni 2011, 10:36

woah...that´s a nice surprise and even in xml! In times where everybody is taking money for every little thing, it´s really nice to see that there are still people willing to share. Thanks a million *thumbsup*

Best regards,
Nupsi

emediquei

Fortgeschrittener

Beiträge: 192

  • Nachricht senden

3

Samstag, 4. Juni 2011, 13:43

Really nice! I was just working on something similar for a project. I'll share it also once the deadline is through and I have some more time :P

I really like the recursive check_for_parents() *thumbsup*
PanoTag: Facebook tagging for krpano

KRPano development and more: http://www.digisfera.pt/en/development

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

4

Samstag, 4. Juni 2011, 13:49

He Michel,

i have to give you a compliment for the music ;-) !!!

also for the bar offcourse

Great job!

Thanx

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

michel

Profi

  • »michel« ist der Autor dieses Themas

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

  • Nachricht senden

5

Samstag, 4. Juni 2011, 15:24

Hi all,

Zitat von »Nupsi«

woah...that´s a nice surprise and even in xml! In times where everybody is taking money for every little thing, it´s really nice to see that there are still people willing to share. Thanks a million *thumbsup*

Best regards,
Nupsi
Thank's Nupsi... Sharing is a good the way to learn from others... So *rolleyes* ...

Zitat von »emediquei«

Really nice! I was just working on something similar for a project. I'll share it also once the deadline is through and I have some more time :P

I really like the recursive check_for_parents() *thumbsup*
Graças emediquei... I will wait your own implementation *thumbup* ...

Zitat von »Tuur«

He Michel,

i have to give you a compliment for the music ;-) !!!

also for the bar offcourse

Great job!

Thanx

Tuur *thumbsup*
Hi Tuur ;-) ... ZAPPA was impressive *attention* *thumbsup* ...

SAlut.

BBomber

Anfänger

Beiträge: 24

  • Nachricht senden

6

Samstag, 4. Juni 2011, 22:13

OK, first of all...IT WORKS! Man you are a genius! wow....It actually works! very simple and clean! I'm no pro at xml coding and I was able to get this to work on the 1st try!! I cannot thank you enough. I will post a sample 360 video piece for you all later today...I just need to fine tune some things.

Michel, thank you thank thank you! We all appreciate your hard work and you didn't charge for your time! this is epic!

panomaster

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

  • Nachricht senden

7

Sonntag, 5. Juni 2011, 11:01

I have made similar control panel using draggable plugins. You can watch them at http://ai360.pl/video360/2/ or http://panoramy.ai360.com.pl/gigapanoramy/barbara/ (zoom slider). I'm going to use this technique to make nice looking textfield scrollbar in the future.
Leszek Cuper
Panoramy 360
Wirtualne spacery

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »panomaster« (5. Juni 2011, 11:29)

Berenger

Anfänger

Beiträge: 5

  • Nachricht senden

8

Mittwoch, 15. Juni 2011, 11:57

Hello, thank you for the progress bar, it saves my life in the context of my project.

But I are not understood what the purpose of the parameter% 2
[code] ifnot (% 2 == null, set (plugin [time_bar]. parent,% 2)) [/ code]

It serves to position the bar relative to its direct parent? And they are the possible values​​?

Then I asked whether it would be possible to run this code on a wonderful video hotspot.

I would like to combine this with your progress bar code on the flyout from the video.



Thank you in advance.

drdilusion

Anfänger

Beiträge: 3

  • Nachricht senden

9

Donnerstag, 14. Juli 2011, 13:08

360 video player Pause()

First of all congratulations for the code.
It's great. Thank you very much.


I have tried with krpano 1.0.9 and it doesn't work but with (2011-05-20-krpano10814-viewer-rc3) it works.





I'm trying to add a pause button in a 360 video.

I've tried many ways but I can not.
Below I pass the code I have.



Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<krpano version="1.0.8"> 

<include url="videoplayer_timebar.xml" /> 

<!-- load and control the video with the videoplayer plugin --> 

<plugin name="video" 
url="videoplayer.swf" 
videourl="v360-mivideo.flv" 
onvideoready="do_time_bar(video,null,bottom,null,70%,6,0,20,false,10);" 
onclick="video.pause();" 
/> 

<!-- define the pano image and get the pano video from the videoplayer plugin --> 

<image> 
<sphere url="plugin:video" /> 
</image> 

<plugin name="full" url="stop.gif" keep="true" 
align="rightbottom" x="0" y="0" alpha="0.85" handcursor="true" 
scalechildren="true" 
visible="true" 
zorder="1" 
width="54" 
height="54" 
onclick="action(pause);" 
onhover="showtext(Pause);" 
/> 

<action name="pause"> 
video.pause(); 
</action> 

</krpano>




Where is the mistake?. Can you help?.
Thank you very much.

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

10

Donnerstag, 14. Juli 2011, 14:24

Hi,

Zitat von »michel«

Hope you like it... Comments, examples use, improvements are well come...
really great work! and easy to use too!




Zitat von »drdilusion«

Where is the mistake?. Can you help?.
instead of:

Quellcode

 
1

video.pause();

do:

Quellcode

 
1

plugin[video].pause();


best regards,
Klaus

drdilusion

Anfänger

Beiträge: 3

  • Nachricht senden

11

Donnerstag, 14. Juli 2011, 15:53

thank you very much¡¡

it works¡¡ I'm learning a lot.



this is the code

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<krpano version="1.0.8"> 

<include url="videoplayer_timebar.xml" /> 

<!-- load and control the video with the videoplayer plugin --> 

<plugin name="video" 
url="videoplayer.swf" 
buffertime="4" 
videourl="v360-mivideo.flv" 
onvideoready="do_time_bar(video,null,bottom,null,70%,6,0,20,false,10);" 
/> 

<!-- define the pano image and get the pano video from the videoplayer plugin parent="video"--> 

<image> 
<sphere url="plugin:video" /> 
</image> 

<plugin name="video_pause" 
url="stop.gif" 
align="leftbottom" 
onhover="showtext(Pause);" 
onclick="plugin[video].togglepause();" 
visible="true" 
/> 

</krpano>

milotimbol

Fortgeschrittener

Beiträge: 242

Wohnort: Philippines

Beruf: Software Developer

  • Nachricht senden

12

Dienstag, 19. Juli 2011, 05:15

nice! will this work for distorted vidos?
Krpano YouTube Tutorials
exsight360.com

Nupsi

Profi

Beiträge: 697

  • Nachricht senden

13

Samstag, 20. August 2011, 10:08

I´m trying to use your progress bar for the krpano-videoplayer but I can´t get it to work when the parent (the video itself) is aligned to the center. Every other aligning works great, but if I align the video to the center, the seeking is´nt working anymore and the mouseover on the progress bar shows "00:NaN".

I´ve looked through your code but I just can´t find the problem. It would be really nice if you could help me find the problem. I´m no newbie with krpano, so it´s definitely not that I made something wrong....at least I don´t think so ;-)
As I said, without setting the video as a parent or aligning the video to the left, top, bottom or right there is no problem. But as soon as I center the video....bamm, not working!

But the strangest thing is, if I set the video-plugin to the center and offest it just one pixel to the right or left with "x=1/x=-1" it works just fine *confused*

Thanks a lot and best regards!
NUPSI

michel

Profi

  • »michel« ist der Autor dieses Themas

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

  • Nachricht senden

14

Samstag, 20. August 2011, 17:39

Hi Nupsi *smile* ,

Thanks for your note.
You are right... But in fact this happen also with all alignment settings not only center as you seem to have experimented ;-) ...
In fact, (for the parent) any alignment does not work without setting also a value to x... That is because of the align_offset (code between lines 164 to 193) that is calculated by using the plugin[].x value... When x is not set , plugin[].x returns plugin[].x as value, not 0... and that is the reason of the "00:NaN"...
Also, the use of percent values for x makes bad calculation of the align_offset...
Conclusion, for the parent, remember to set a value to x (at least 0) and to not use percent...


Zitat von »milotimbol«

nice! will this work for distorted vidos?
Not as it is... But it is easy to modify the code to make it working for videoplayer as hotspot... If you need it, let me know...


Zitat von »Klaus«

really great work! and easy to use too!
Thank you Klaus *smile* , it was a hard challenge for me and has been not easy at all (I was using the changeorigin(align,edge) at first), but it seems I have reached something usable at least... I hope it will work also with the new videoplayer plugin for the krpanoJS...

SAlut.

Note: I see that many have downloaded the file, but no one has posted an example usage of it... Please, do not be so timid and shares something to see *cool* ... And better, if some one is able to improve it, please show the result ;-) ...

michel

Profi

  • »michel« ist der Autor dieses Themas

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

  • Nachricht senden

15

Dienstag, 23. August 2011, 12:29

Hi Panomaster,

Zitat von »panomaster«

I have made similar control panel using draggable plugins. You can watch them at http://ai360.pl/video360/2/......
I just realized that your example it is also an xml code *smile* ... just great *thumbup* ...

If I am not in mistake, I think you can enhance it by adding an count_forward() call (after line 39) inside the stopdragging() action:

Quellcode

 
33
34
35
36
37
38
39
40
41
42

	<action name="stopdragging">
		set(dragging, false);
		set(seekstop, get(plugin[seek].x));
		dec(seekstop, 62);
		div(seekstop, 500);
		mul(seekstop, get(plugin[video].totaltime));
		plugin[video].seek(get(seekstop));
		count_forward();
		trace(rozpoczynam od: , get(seekstop));
	</action>

This way, the seek bar should also be updated after seeking when the player is paused...

SAlut.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »michel« (23. August 2011, 12:40)

superhoha

Anfänger

Beiträge: 6

  • Nachricht senden

16

Dienstag, 27. September 2011, 11:55

Thanks a bunch, Michel.



I cant search anywhere on how to use xml to do the time bar :) so your code helps me learn a lot. So really thank you :)



However Im facing a prob. As you already know, Your code doesnt support hotspot :( and I kind of want it to.



I am making a 3D room with TV inside, And As you can guess, the TV will act as a video hotspot where you can watch Video (maybe later I will try to add channels? ;)

However I would like the TV to have more control other than pause and play. So your time bar is a saver. But it cant be run on hotspot :( I tried to fix your xml, since you said it is easy to do so :) But I never get close to the result :)) It seems your "easy" is too much for me.



If you have time, Can you show me how to make it run on hotspots? Thanks A lot.



PS: While we are at it, Is there a way to make a hotspot link to a video on youtube? If so I think It would be easier to use the video control of youtube? I didnt try it yet, but I think it should be possible?



Ha

info@totzek.de

Schüler

Beiträge: 116

Wohnort: Berlin

Beruf: Panoramafotograf

  • Nachricht senden

17

Donnerstag, 13. Oktober 2011, 22:19

wow!

Wow!
This is just impressing! - And another proof for the fact, that literally everything is possible using krpano...

Big Up to Michel! Really!
I love this code! (Never thought i would say something like this...)

When i finished my work on a current project, i will post it for you as an example.
Double Wow!

Edit:
I am done! Here you can see the project I did for Volkswagen, using the amazing plugin:
http://panographer.de/vw-panorama-fotografien/ (click on the small 360° icon!)
Jan Totzek | Panoramafotografie | Berlin
www.panographer.de

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »info@totzek.de« (1. Februar 2012, 11:09)

officinepanottiche

Schüler

Beiträge: 130

Wohnort: Venezia

Beruf: interactive pictures

  • Nachricht senden

18

Mittwoch, 1. Februar 2012, 11:02

Michel, THANK YOU!!!!!
:-)

jschrader

Fortgeschrittener

Beiträge: 237

Wohnort: Bavaria, Germany

Beruf: Photographer, Producer

  • Nachricht senden

19

Dienstag, 7. Februar 2012, 10:03

Gentlemen, may I ask for another favor?
I'm trying to build a bit more fancier (following actual standards) version of the time-bar with additional controls in it.
What I'm missing (and most likely won't get my head around to write it myself) is a code snippet that allows to write the elapsed time (at the beginning) and the total time (at the end) of the bar.
If I succeed I will be happy to post a complete set including graphics for your convenience.

Thanks
Jürgen

panowerk

Anfänger

Beiträge: 12

Wohnort: Freiburg, Germany

Beruf: Designer, photographer

  • Nachricht senden

20

Mittwoch, 8. Februar 2012, 13:22

Problem with flickering text.

Hello,

This is a really great plugin and it was easy to implement but I'm having an issue with flickering time count. Also, it has nothing to do with the plugin but it's probably the same issue, but I noticed that the text for the button to close the video flickers as well. It's something about text displaying at the edge of the video layer.

I have no idea what it could be and, searching the forums, I haven't seen anyone else complain about it so it must be just something I've done.

Any help would be most welcome.

http://www.panowerk.com/panoramas/ganter/tour.html

http://www.panowerk.com/panoramas/ganter/tour.xml

http://www.panowerk.com/panoramas/ganter…yer_timebar.xml
www.panowerk.com • www.tripleman.com • www.kreativpixel.de

Ähnliche Themen