Giter Site home page Giter Site logo

bmsvieira / moovie.js Goto Github PK

View Code? Open in Web Editor NEW
1.7K 1.7K 136.0 5.98 MB

Movie focused HTML5 Player

Home Page: https://mooviejs.com/

License: MIT License

CSS 12.18% HTML 3.13% JavaScript 84.69%
adjust-captions captions dashjs html5 moovie player player-controls player-video vanilla-javascript vanillajs webtorrent

moovie.js's People

Contributors

bmsvieira avatar freaksauce avatar jveldboom avatar kikobeats avatar pixselve avatar xch1029 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

moovie.js's Issues

I'm building a video streaming site for Opera

I'm building a video streaming site for Operas (2-3 hours long).
I had never considered that the <video> element was not suitable for this.
Moovie.js calls itself a "Movie focused HTML5 Player". What does that mean, and what's wrong with the HTML5 <video> element?

Quality change

hey i need methode to add video quality changer like 480p/720p.... thank you

Subtitles settings

We could be able to costumize the captions, like, text-border, color, position

When the controls are showing, the subtitles should update the position to be seen every time.

image

Even when in fullscreen, the subtitles size, are bigger then it should. maybe calculate with a smaller ratio?

Add WebRTC based p2p plugin

Hi,
We are SwarmCloud, a p2p solution provider for movie websites, similar to webtorrent.js but supporting hls.js and dash.js, we have made a demo for moovie.js! Could you add it in README ?

Skip Intro

Hoa can i add skip intro feature? i can't add it

automatic subtitle selection

is it possible for the player to choose the subtitles itself, for example en and they are already on by default?

Videos are set on loop

Please help me fix this, how can I disable the loop? if I play the video once, it repeats again and again

Add Option for skip certain parts of the video

It would be a nice feature to have, having a button that would appear if the option was selected or had any value, being able to skip from a certain time to another, like when its a recap or the intro of a episode, or even for the next episode at a certain time.

Something like the netflix player or the amazon prime.

for the settings would be like this:

var demo = new Moovie({
    selector: "#example",
    dimensions: {
         width: "100%"
    },
    config: {
        ...
    },
    skip: [
        {
            begin: 20, //seconds
            end: 60 //seconds
        },
        {
            begin: 2400, //seconds
            link: "source.of/next.video.mp4" //seconds
        },
    ]

please update npm package

I found the new version tag is 1.1.6. it's turn scrubTime change from const into let.
But the npm package is not updated,still 1.1.5. This caused my program to fail.
Please upadate this

React support?

Hello, this looks like an amazing project :)

Is it possible to use with React? Is there any samples for this?

Mute sound in demo then unmute sound sometimes results in no sound.

Hello,

I found this while checking out the demo. When i mute the demo and then unmute, sometimes the sound does not come back until i adjust the volume even though the volume is all the way up.

Mac Catalina 10.15.7
Google Chrome Version 89.0.4389.114 (Official Build) (x86_64)

  1. Open demo in a fresh incognito browser session
  2. Play demo
  3. Skip forward
  4. Click mute sound button
  5. Click unmute sound button
  6. Note that sound is no longer muted, and volume is still all the way up. But there is no sound.

I don't have a tool on my mac to show you the actual sound feedback so you can also observe the loss of sound. The issue is consistent in fresh browser session.

moviejs 2021-04-12 at 09 56 04

Mute and unmute audio

When muting and unmuting the audio, audio level jumps to 1. Would be nice if it jumped to the audio level before muting the audio instead of max.

Loading and progress bar problems

When seeking a new position on the progress bar, the loading does not appear, or any type of information.

image
And when using another type of media, like with the webtorrent example, the progress bar should be fulfilling the parts that are available, or at least, follow the current time ball.

Play from a websocket stream

I have implemented a service for a "filesystem over websocket", which is a service that accepts calls in the form of JSON messages. So you have functions like "exists", "read", "write" etc etc all implemented as JSON RPC over websocket. The "real" filesystem just being the users home folder -- so that i can access that from https/ws remotely.

Would it be possible to use your video player to handle data from websocket?

For example, if i could have an event like this in my websocket client:

on["data"] = function (tagId, streamId, bytes) {
mooviePlayer.buffer.push (bytes);
}

Basically, pushing data into a buffer that the movieplayer is streaming from, then that would make moovie.js by par the most versatile and cool movie player out there.

Hope you think about this, im not the only one having to use WSS for data transport

Scrubbing unmutes the sound

If you mute the audio, then scrub to a new location of the video, this unmutes the audio. This seems unintuitive to me. I believe the audio should stay muted while scrubbing until the user unmutes it.

This project is in desperate need of specs

Thanks for putting it together - looking really neat, with lots of features too. But if you don't figure out specs shortly you may end up fixing what has been fixed over and over again. And the more features are to be introduced, the more likely everything is to start falling apart... believe me I've been there.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.