1. #31
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    Sorry:
    So I've tried attaching the <object> element above the panel.el and use css to place it inside the panel's body when the panel is expanded and outside of the view port when it's collapsed.
    That's the part I was missing (didn't see) in all this.

    Have you had any luck with other media types besides Flash using that approach ?
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  2. #32
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    I have tried this with a FLASH widget and a div with a scrollbar.

    I haven't tried other media types but I don't see any reason for it not to work.

    Do you have an idea how to deal with different <obect> heights with my approach?

    The only way I see is:

    - dynamically calculate the <object> height and set the panel's body height in accordance.
    - on expand to use position relative with bottom: -<obect> height px.

    Do you know of a FLASH player that can play shoutcast streams?
    It could be a cool addition to your demo.

  3. #33
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    Do you have an idea how to deal with different <obect> heights with my approach?

    The only way I see is:

    - dynamically calculate the <object> height and set the panel's body height in accordance.
    - on expand to use position relative with bottom: -<obect> height px.
    Much depends on how the plugin renders itself (borders, margin, etc) You'd really have to consider each an a case-by-case basis.
    Do you have a class derived from (BoxComponent level? instead of Panel) defined that uses your approach. I'd be curious what that looks like.

    Do you know of a FLASH player that can play shoutcast streams?
    If you have a site Url to examine, it would be a simple matter to create a mediaCfg for it.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  4. #34
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    We can put the <object> inside a div and then check the div height.
    With this height we can dynamically handle the expand and collapse of the panel.

    An example for a shoutcast stream is:
    http://207.200.96.230:8000/

    There are millions more at:
    http://www.shoutcast.com/
    http://www.live365.com/index.live

    I guess it is possible to play it with media player but it will be realy great to play it with FLASH.

  5. #35
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    Its my understanding Flash wont work with shoutcast because SC doesn't use HTTP headers. Flash requires it.

    I've read you'd need to proxy the playlist on your server and provide the necessary headers for the flash object.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  6. #36
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    Quote Originally Posted by hendricd View Post
    That said, I have to go re-fold my underwear now.
    nay, 'tis a job for

    (captain underpants)



    say, what do you do @ theactivegroup.com?
    all i got was an "Under Construction" page...

  7. #37
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default New Version .11 is posted.

    New Version .11 is posted.


    Fixes a nasty constructor bug, and width/height defaults for mediaCfg.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  8. #38
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    @hendricd

    I think it is possible to hide <object> containing FLASH using:
    Code:
    width:0;
    height:0;
    instead of display none. This will solve the FLASH reload issue in firefox.

    With a little modification to the panel class none of the functionalities should be affected.

  9. #39
    Sencha Premium Member
    Join Date
    Oct 2007
    Posts
    51
    Vote Rating
    0
    stumpy_uk is on a distinguished road

      0  

    Default


    Doug,

    As I said previously thanks for this I have learnt so much about EXT just looking at how you have done this it really has been awesome. I have one problem which you may have come across but I am unable to debug. When using IE 6.x and playing flash now and again when starting a SWF the page goes white and stays with nothing on it like EXT has crashed. I have tried EXT-DEBUG and also Firefox (which does not have any problems). Just wondered if you came across it during your development.

    Cheers

    Lee

  10. #40
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    @stumpy_uk -- Thanks. Much depends on the Flash object you are rendering and the conditions by which the Panel is displayed/oriented beneath/on-top-of other elements. If you posted your panel/mediaCfg something obvious might be visible.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


Thread Participants: 159

  1. franklt69 (1 Post)
  2. jay@moduscreate.com (2 Posts)
  3. bidyut (2 Posts)
  4. aconran (1 Post)
  5. ambience (1 Post)
  6. Carina (1 Post)
  7. simeon (2 Posts)
  8. JeffBurr (2 Posts)
  9. dolittle (21 Posts)
  10. mystix (11 Posts)
  11. albeva (1 Post)
  12. sdrew (2 Posts)
  13. JorisA (1 Post)
  14. MindCore (1 Post)
  15. FlexIDX (1 Post)
  16. kpandey (6 Posts)
  17. Foggy (6 Posts)
  18. DigitalSkyline (8 Posts)
  19. thesilentman (1 Post)
  20. bobringer (1 Post)
  21. ralf (6 Posts)
  22. Actuarybrad (1 Post)
  23. pantarhei (2 Posts)
  24. albertyips (1 Post)
  25. ethraza (5 Posts)
  26. anjelika (4 Posts)
  27. Nash-T (2 Posts)
  28. stamm (1 Post)
  29. devnull (12 Posts)
  30. ZooKeeper (1 Post)
  31. SlashEMc2k (2 Posts)
  32. dante (3 Posts)
  33. gelleneu (6 Posts)
  34. moloth (1 Post)
  35. amadman (5 Posts)
  36. chemist458 (6 Posts)
  37. stratboogie (3 Posts)
  38. Makor (9 Posts)
  39. egs (3 Posts)
  40. kenshin (1 Post)
  41. stumpy_uk (4 Posts)
  42. Lobos (12 Posts)
  43. crpatrick (12 Posts)
  44. hat27533 (6 Posts)
  45. Sesshomurai (12 Posts)
  46. ajaxvador (1 Post)
  47. junkzilla (6 Posts)
  48. urabus (5 Posts)
  49. tfrugia (1 Post)
  50. rajthakur (1 Post)
  51. rproudman (2 Posts)
  52. Tom Pan (1 Post)
  53. wsn24x7 (1 Post)
  54. dev_orion (5 Posts)
  55. basshcm (4 Posts)
  56. Marte (4 Posts)
  57. israel (1 Post)
  58. luv2hike (9 Posts)
  59. richgoldmd (11 Posts)
  60. BlueCamel (2 Posts)
  61. NOSLOW (3 Posts)
  62. salvo (2 Posts)
  63. hpet (1 Post)
  64. GilbsFr24 (1 Post)
  65. damian79 (6 Posts)
  66. kirill533 (5 Posts)
  67. dias (5 Posts)
  68. debarcar (2 Posts)
  69. deltron0 (6 Posts)
  70. userofit (1 Post)
  71. smit_al (3 Posts)
  72. ignatius (2 Posts)
  73. art.home.ext (1 Post)
  74. jasondeegan (4 Posts)
  75. moegal (1 Post)
  76. DTT_11-1983 (5 Posts)
  77. balybaloo (1 Post)
  78. jarjar (1 Post)
  79. Eric24 (13 Posts)
  80. Mr-T (2 Posts)
  81. IT100 (1 Post)
  82. inhib (1 Post)
  83. s4brown (1 Post)
  84. soulgen (2 Posts)
  85. tinakonda (1 Post)
  86. ktcorby (3 Posts)
  87. Sadhana X Punuru (2 Posts)
  88. maturin666 (4 Posts)
  89. jeremyswitzer (1 Post)
  90. KimSchneider (4 Posts)
  91. Kelly Riley (2 Posts)
  92. stephroy (2 Posts)
  93. bhaveshbhatkar (2 Posts)
  94. Bucs (21 Posts)
  95. love4soul (2 Posts)
  96. SimoAmi (4 Posts)
  97. JacobWang (5 Posts)
  98. bhangale.parag (4 Posts)
  99. ibet (1 Post)
  100. mschwartz (6 Posts)
  101. armagedon (1 Post)
  102. Bazen (2 Posts)
  103. jsuser (2 Posts)
  104. agon84 (1 Post)
  105. cheenu1979 (3 Posts)
  106. rpastorelle (1 Post)
  107. Skunkerbr (2 Posts)
  108. hlimaiem (2 Posts)
  109. chrizmaster (1 Post)
  110. ciait (1 Post)
  111. Saneth (2 Posts)
  112. fpo (2 Posts)
  113. hzwei (4 Posts)
  114. cool.akshay (1 Post)
  115. Celandro (22 Posts)
  116. dbagchi77 (2 Posts)
  117. jej2003 (1 Post)
  118. Choub (1 Post)
  119. diparc (2 Posts)
  120. WarEagle26 (5 Posts)
  121. johnsilly57 (10 Posts)
  122. lagodoy (1 Post)
  123. dulisse.simone (4 Posts)
  124. xbboys (6 Posts)
  125. Glug-LP (1 Post)
  126. Matt202 (1 Post)
  127. msinn (1 Post)
  128. yanghengtao (4 Posts)
  129. swarm (3 Posts)
  130. dtex-lab (1 Post)
  131. Isabella (2 Posts)
  132. palash (1 Post)
  133. hellogavin (2 Posts)
  134. EZboy (7 Posts)
  135. aridheva (1 Post)
  136. chatfipa (3 Posts)
  137. nextdigital (1 Post)
  138. BilelExtjs (2 Posts)
  139. ibarm (1 Post)
  140. stephenliberty (1 Post)
  141. Aero (1 Post)
  142. natalvc (1 Post)
  143. King_Aero (1 Post)
  144. gkainth (1 Post)
  145. travep (2 Posts)
  146. nsolsen (3 Posts)
  147. alphadogg (3 Posts)
  148. billprince (1 Post)
  149. borbpet (1 Post)
  150. rishi89 (2 Posts)
  151. stewardsencha (1 Post)
  152. Joe Kuan (1 Post)
  153. Carwise (1 Post)
  154. kamleshb (3 Posts)
  155. mephy (1 Post)
  156. cdellasanta (1 Post)
  157. linyajun (1 Post)
  158. Nunoestrada (1 Post)
  159. kathykalor (1 Post)

Tags for this Thread