V2

[aklinker1]

Features

Along with sharing the player UI components with an embedded player, there are also some large, overarching issues with how the player works that I'd like to make to fix:

• Auto-connect episodes when saving timestamps for the first time
  • I'm finding myself never editing the episode info before connecting it to anime skip, so lets just remove that process all together
  • For unknown episodes/shows, just add them to an "Unknown" show that can be manually reviewed
  • The website needs to be updated with the ability to edit website details, and we should link to that from the player.
  • Have a message that says missing episode details will be fixed for you if we can't find the details
• Layering of full screen elements makes clicking around difficult
  • you always have to click to dismiss dialogs before opening another one
  • This works for some dialog (Login), but not all (timestamps panel + settings menu)
• The API is too good at returning timestamps and sometimes returns bad ones
  • Remove the templates feature - this results in users submitting lots of bad timestamps
  • Only use timestamps from episodes with a matching duration (within 1s) - With different versions of episodes (uncut, uncensored, directors-cut, simulcast, etc) positioning timestamps from the end of the episode doesn't really make sense (originally done to allow for different streaming service branding, but is causing more harm than good)
• Timestamp validation
  • Don't allow submitting timestamps that are invalid
• Prevent you from advancing to the next episode when there are unsaved changes
  • Don't discard unsaved changes if the video advances before pressing save #176
• Timestamp "suggestions"
  • Followup timestamp suggestions #177
  • Timestamp Shortcuts #179
• Multiple "save" buttons for submitting timestamps
  • Change the per-timestamp "Save" to just "Done"
  • Remove the "Save Changes" button from the toolbar since we'll prevent them from leaving
• Feature that mimics Youtube's "most-watched" parts of the video
  • Could be useful in proposing timestamps when lots of people are skipping a part of the video.
• Timestamp editing without changing the current time (suggestion)
  • Create timestamps at a time other than where you're at right now
  • Change types without going to the time in the video player
• Animixplay support Website shut down, not supporting
  • Stable domain, should be easy to support
• Don't hard code timestamp types
  • Early on I hard coded them to speed up development, but you can't easily create timestamp types because of this (or fix typos)
• Add the Omake timestamp type (suggestion)
• Timestamp source selection (suggestion)
  • Right now, a single set of timestamps is selected based on the episode and user templates
  • Since there are often multiple possible options, the user should be able to pick between them

If you have other ideas, post a comment on this issue and I'll add it to the above list after discussion.

UI Changes

Here are the mockups for V2 of the player. The main change is that the popups and dialogs are now going to be in a single sidebar. Assuming I can get the video to scale properly to make room for that sidebar lol

Mockups

They don't contain all the small details, but they're good enough for me to get started. If you have any feedback on the UI changes, let me know!

[lordesgar]

Being able to type in the timestamp that you want to insert. Often a video has comments that tell you when recaps and openings begin and end, so you can add these timestamps before reaching these parts of the video. Right now you can only really add timestamps as you are watching, since skipping ahead to add them would mean spoiling yourself. Being able to type in the timestamps beforehand would mean that you can peacefully watch the video and correct the timings as you come across the sections that you have added.

I would REALLY like to have a template feature that works, since it would really make adding timestamps easier. I'm watching One Piece right now and it has so many timestamps that repeat predictably. I think that the current version of this feature is broken, though, since my templates arent being applied. There is an automatic template that seems to be added to episodes that have no timestamps in your database, which doesnt really work really well. I opened an issue about it, if you want to look. It would be better if no default template was applied to episodes that havent been connected yet, unless a user has added their own template. I'm assuming templates are user-specific and not shared by others?

[aklinker1]

Often a video has comments that tell you when recaps and openings begin and end

Can you share a link to this? Rather than having to manually enter those, I'd rather the extension just finds them automatically.

Right now you can only really add timestamps as you are watching

I agree that that's an issue with the current player, you also can't change a type of a previous timestamp without going back to that time, which is pretty inconvenient. I'll add a feature for this 👍

[lordesgar]

The skip times comments are an old tradition. Pretty much every episode on crunchyroll has them, but also other sites. But I think that it is difficult to trust these, because they are often a bit off and they are also subjective sometimes. Some people just post the time for the title card, ignoring that the recap may end before the title card. Sometimes some person is super thorough and writes all the timestamps in detail, but often people in the comment thread have to correct it. On crunchyroll, they added a 15 second Toei intro at some point, so timestamps posted before this are off by 15 seconds, which people complain about in the comments.
You can really just check any one piece episode on crunchyroll for a timestamp comment, here is an example:
https://beta.crunchyroll.com/watch/GY0970J9Y/the-man-who-is-loved-even-by-his-ship-usopps-tears

[aklinker1]

@lordesgar Do you know if animixplay.to has changed domains in the past? Or has it always been that domain? There's extra work adding support if the domain changes often.

[lordesgar]

Here is some info about the site. It's definitely one of the best free streaming sites out there.
https://animixplay.to/about.html
I started using it in autumn 2021, I think, but it's always been animixplay.to since I started. I ran some google searches and it seems like it used to be animixplay.com before 2020, but it seems like it has been animixplay.to consistently since then.

[aklinker1]

I've added some mock-ups of the UI changes for V2 to the issue description. LMK if any of you have feedback or thoughts. They contain most of the changes we've already discussed.

[lordesgar]

I've added some mock-ups of the UI changes for V2 to the issue description. LMK if any of you have feedback or thoughts. They contain most of the changes we've already discussed.

Yeah, that looks good. Though I think I prefer it when the side bar is somewhat smaller, like this.

Makes it feel easier to edit the timings as you have it open, for some reason.

Edit:
On a side note, every time you submit a timestamp, it auto-starts the video from that timestamp. I'm not sure if this is included in your timestamp editing section above, but it would be nice if this could be an option: to have it auto-start or not after submitting a timestamp.

Another thing that is somewhat relevant is autoplay of the video when you load the page on crunchyroll. It would be cool if the player had a setting for turning autoplay on or off (forcing it). Right now, for some reason, the crunchyroll toggle for autoplay doesnt work for me; it always autoplays, even when I block autoplay for the site in the firefox settings. I have one other extension for crunhyroll installed, "Improve Crunchyroll", which may be interfering, but it has no option for autoplay, from what I can tell. However, this feature is no big necessity, if it's too much of a hassle to implement. I use the beta site for crunchyroll, if that matters.

[aklinker1]

Yeah, that looks good. Though I think I prefer it when the side bar is somewhat smaller, like this.

Yeah, I'll find an acceptable size when I actually implement it, it's a little wider than necessary in the mockups just so the video scaling is clearer.

On a side note, every time you submit a timestamp, it auto-starts the video from that timestamp. I'm not sure if this is included in your timestamp editing section above, but it would be nice if this could be an option: to have it auto-start or not after submitting a timestamp.

If you have the sync toggle on, it will pause and resume automatically, if you have the sync toggle off (editing at a different time from the player), it would not pause in the first place.

I can't think of another time that auto-resuming would not be wanted. If that doesn't cover what you're requesting, could I have an example of when you'd prefer not resuming?

It would be cool if the player had a setting for turning autoplay on or off (forcing it)

That was an original feature of the player, and the pref still exists on the API lol.

The problem was that the logic was really complex, trying to fight the service's autoplay logic and attribute (especially Funimation, they do some weird stuff). So I removed it in favor of respecting the service's behavior.

So I'll pass on that one for now.

[lordesgar]

@aklinker1 Yeah, I figured that the autoplay thing would be difficult. When you mention the sync toggle, you mean the one in your mockup, right? It's not some setting that I have missed?

But yes, that would fix my issue in part, if I've understood correctly. I would still like to be able to use J and L to move from frame to frame (and see them in the player), then, once I've found the right frame, submit that frame, but not have the player auto-start the video. That would allow me to seamlessly move to another timestamp that I want to add, without having to first pause the video. So in the image below, I would like the "Save" button to not start playing the video, even if I used the J and L buttons to find the right frame.

After submitting the frame for the preview, in this case, I would like to maybe immediately go back and edit or create another timestamp without having to pause the video myself. I would move the timeline to the right time, using either a hotkey or the mouse and then start editing in the same way, checking the frames using J and L.

I hope that made sense, I can clarify further with some images, if it would help.

[aklinker1]

When you mention the sync toggle, you mean the one in your mockup, right? It's not some setting that I have missed?

Yup, thats new, you haven't missed anything.

that would fix my issue in part, if I've understood correctly. I would still like...

Ok, I see, you're thinking more from the perspective of editing timestamps while not watching the episode (like to review or do them ahead of time), rather than adding them as you watch the episode.

Hmmm... Rather than adding a new toggle or preference to disable auto-resume for this kind of workflow, what about only resuming if the video was playing before? That way if you pause, it won't play from the current time after saving the individual timestamp.

With the new sidebar, you'll always be taken to the timestamp list after editing a single timestamp, which I think you also mentioned would be ideal.

[lordesgar]

Hmmm... Rather than adding a new toggle or preference to disable auto-resume for this kind of workflow, what about only resuming if the video was playing before? That way if you pause, it won't play from the current time after saving the individual timestamp.

Yes, I think that this is a very good solution.

With the new sidebar, you'll always be taken to the timestamp list after editing a single timestamp, which I think you also mentioned would be ideal.

I think that it already does that? At least, if you're editing a timestamp (open the timestamp list -> select timestamp -> change it -> save -> shows timestamp list, but the video also starts playing). If you create a new timestamp (with the timestamp list closed), it doesnt show the timestamp list after saving it, which I think is fine.

Again, on a sidenote, I've found a new timestamp type that you may want to add at some point. It may add too much choice for the user, idk, it's up to you to decide, but some animes have Omake at the end of the episode. Often between the Credits and the Preview. A short and simple animation or gag, usually adapted from a comic at the end of a manga chapter. An example of this is the Petit Clover section at the end of most Black Clover episodes. This is also present in Naruto, I believe, though to a lesser extent.
https://beta.crunchyroll.com/watch/GRX0D2W36/to-the-royal-capital-of-the-clover-kingdom
You can see it here in episode 3 of Black Clover, at 23:00. This is after the credits and then, after the Omake, at 23:40, the preview starts