• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Issues with jplayer integration

Scheduled Pinned Locked Moved Development
10 Posts 3 Posters 1.8k Views 3 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    Aries1984 Module Developer @sdetweil
    last edited by Oct 15, 2018, 5:05 PM

    @sdetweil
    jep…got it now via the getScripts method. They are now even loaded in the right order: first jQuery, then jPlayer, then my own script -> leads me to exactly the same errors in the console window.

    1 Reply Last reply Reply Quote 0
    • S Offline
      sdetweil
      last edited by Oct 15, 2018, 5:24 PM

      @aries1984 said in Issues with jplayer integration:

      jquery.jplayer.min.js:2 Uncaught TypeError: Cannot read property ‘fn’ of undefined

      see https://stackoverflow.com/questions/10807430/jquery-uncaught-typeerror-cannot-read-property-fn-of-undefined-anonymous-fun
      and
      https://github.com/understrap/understrap/issues/449

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • A Offline
        Aries1984 Module Developer
        last edited by Oct 18, 2018, 5:30 PM

        @aries1984 said in Issues with jplayer integration:

        jplayer

        still stuck with the same errors. Replacing ‘$’ with ‘jQuery’ throws the same error saying “jQuery is not defined”.
        Scripts are definitely loaded in the correct order, too.

        What really confuses me is that the simple HTML page works perfectly. Any other thoughts? I’ve searched the web for the last 2hrs and could not find a solution, yet…will keep looking, though.

        1 Reply Last reply Reply Quote 0
        • A Offline
          Aries1984 Module Developer
          last edited by Aries1984 Oct 18, 2018, 5:55 PM Oct 18, 2018, 5:51 PM

          Right…I’ve downloaded jPlayer now locally and I’m loading the scripts locally. Now the errors are gone but it looks like I’ve made a mistake before when loading them online.

          Anyway, the errors are now gone but there is still no sound output. As mentioned initially I am quite new to developing a module so I’m really sorry if things seem obvious for you…but belive me, they’re not so obvious for me. But I’m very keen to learn!

          The jPlayer script I’ve wrote myself looks like this:

          $(document).ready(function() {
          
              var stream = { mp3: "http://media-ice.musicradio.com/CapitalSouthCoastMP3" },
              ready = false;
          
              $("#jquery_jplayer_1").jPlayer({
                  ready: function(event) {
          		ready = true;
          		$(this).jPlayer("setMedia", stream);
          		$(this).jPlayer("play", 1);
                  },
          
          	pause: function() {
          		$(this).jPlayer("clearMedia");
          	},
          
          	error: function(event) {
          		if(ready && event.jPlayer.error.type ===$.jPlayer.error.URL_NOT_SET) {
          			// Setup the media stream again and play it.
          			$(this).jPlayer("setMedia", stream).jPlayer("play");
          		}
          	},
          
                  swfPath: "http://jplayer.org/latest/dist/jplayer",
                  supplied: "mp3",
          	preload: "none",
          	volume: 1,	
          	wmode: "window",
          	useStateClassSkin: true,
          	autoBlur: false,
          	keyEnabled: true,
          
              });
          });   
          
          1 Reply Last reply Reply Quote 0
          • A Offline
            Aries1984 Module Developer @strawberry 3.141
            last edited by Nov 1, 2018, 12:23 PM

            @strawberry-3-141, @sdetweil
            Thanks for your help and pointing me into the right directions. In the last 2 weeks I made massive steps forward with my first ever module. You’ve helped to get my head round havascript and to understand it better. Thanks!

            End result can be found here.

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy